CSS改變padding長高不變，是Web前端開發中一個非常常見的需求。在Web開發過程中，我們經常需要調整頁面元素的內邊距(padding)，以使其達到更好的排版效果。然而，在調整頁面元素的內邊距時，有一個問題會經常出現：內邊距的長和高都變了。這就會導致頁面元素的尺寸變化，進而影響整個頁面的布局效果。為了解決這個問題，我們可以使用以下CSS技巧。

.element {
padding: 垂直padding 水平padding ;
box-sizing: border-box;
}

在上述CSS代碼中，我們使用了box-sizing屬性，并將其值設置為border-box。這個屬性可以控制元素的盒模型計算方式。當我們將元素的box-sizing屬性設置為border-box時，元素的寬度和高度將為內容區域加上內邊距和邊框的總和。這樣，我們就可以調整元素的內邊距，而不影響元素自身的寬度和高度。

舉個例子，假設我們有一個按鈕元素，其默認的內邊距為10px。為了提高按鈕的可讀性，我們想將按鈕的上下內邊距調整為20px，而保持按鈕的寬度和高度不變。在這種情況下，我們可以這樣設置CSS：

button {
padding: 20px 10px;
box-sizing: border-box;
}

上面的CSS代碼將按鈕的垂直內邊距設置為20px，水平內邊距設置為10px，同時將box-sizing屬性設置為border-box。這樣一來，按鈕的內邊距就變成了20px上下，10px左右，而按鈕本身的大小沒有發生變化。

總之，使用CSS改變元素的內邊距時，我們可以借助box-sizing屬性，來控制元素的盒模型計算方式，并且使元素的寬度和高度能夠保持不變。這樣，我們就可以更加方便地調整頁面元素的內邊距，而不會影響整個頁面的布局。