CSS的寬度屬性是網頁開發中經常用到的一個屬性，可以通過該屬性來控制元素的寬度。在很多情況下，開發者希望元素的寬度由其所包含的內容自動撐開，而不是使用固定的寬度值。這種情況下，可以使用CSS中的“寬度由內容撐開”的屬性。

.element{
width: fit-content;
}

fit-content屬性是CSS3中新增的屬性，能夠根據元素包含的內容來自動調整元素的寬度，如果元素內部內容的寬度小于或等于元素本身的寬度，則元素的寬度會自動收縮到與內容寬度一致。

需要注意的是，fit-content屬性在舊版的瀏覽器中不被支持，如果需要兼容各種瀏覽器，可以使用以下代碼實現：

.element{
display: inline-block;
background-color: #ccc;
white-space: nowrap;
}
.element span{
display: inline-block;
background-color: #f00;
white-space: normal;
}

在這種情況下，將元素的display屬性設置為inline-block，將background-color設置為灰色，將white-space屬性設置為nowrap，使文本不會換行。然后再將元素內部的內容設置為span標簽，將display屬性設置為inline-block，將background-color設置為紅色，將white-space屬性設置為normal，使文本可以換行。

這樣設置后，元素的寬度就會根據span標簽內包含的文本自動撐開，可以達到“寬度由內容撐開”的效果。