CSS寬度根據內容改變是在設計網頁布局時經常遇到的問題。一般來說，我們希望文本、圖片或表格等元素的寬度能夠根據內容自適應，并且不會超出容器的寬度。為了解決這個問題，CSS提供了多種方式來控制元素寬度，下面我們來看一些常見的方法。
使用百分比設置寬度
最常見的方法就是使用百分比來設置寬度，例如：

p {
width: 50%;
}

這樣設置后，段落的寬度將占據其父元素的50%。如果父元素的寬度改變了，段落的寬度也會相應地改變。
使用max-width和min-width
有時候我們需要限制元素的最小和最大寬度，以便更好地控制布局。可以使用max-width和min-width屬性來實現，例如：

p {
max-width: 500px;
min-width: 200px;
}

這樣設置之后，段落的寬度將在200px和500px之間變化。如果父元素的寬度小于200px，那么段落的寬度將被設置為200px。如果父元素的寬度大于500px，那么段落的寬度將被設置為500px。
使用inline-block或table-cell
inline-block和table-cell是兩個非常有用的樣式屬性，它們可以讓元素的寬度根據內部內容自適應。例如，我們將段落設置為inline-block或者table-cell樣式：

p {
display: inline-block;
}

或者

p {
display: table-cell;
}

這樣設置之后，段落的寬度將根據內容自適應。這種方法通常適用于容器寬度已經確定的情況下。
最后總結一下，以上這些方法都可以讓元素的寬度根據內部內容自適應，但各自適用的情況不同。在實際使用中需要根據具體情況選用。如果遇到問題可以嘗試多種方法來解決。