使用自動寬度調整動畫元素大小
問題：
如何為內容為width : auto的元素
答案：
CSS 目前不支援使用 width: auto 對元素的直接寬度進行動畫處理。但是，您可以使用替代方法：
1。最大寬度/最大高度技巧：
程式碼片段
.myspan {
display: inline-block;
font-size: 30px;
background-color: #ddd;
vertical-align: bottom;
max-width: 500px; // Adjust as necessary
}
.myspan::after {
content: " a0\f12a ";
font-family: ionicons;
font-size: 80%;
display: inline-block;
max-width: 0;
transition: max-width .6s;
vertical-align: bottom;
overflow: hidden;
}
.myspan:hover::after {
max-width: 80px;
transition: max-width 1s;
}2。 JavaScript 操作：
注意：此方法需要額外的程式碼，可能不如第一種方法有效。
以上是如何使用「width: auto」對元素的寬度進行動畫處理？的詳細內容。更多資訊請關注PHP中文網其他相關文章！
