要让 div 元素的宽度自适应内部文字的大小,你可以使用 CSS 属性 display: inline-block;
和 white-space: nowrap;
。
将 div 元素的 display
属性设置为 inline-block
,可以使其宽度根据内部内容自适应调整。white-space: nowrap;
则可以禁止文本换行,保证元素宽度只受内部文本宽度影响。
完整 CSS:
div {
display: inline-block;
white-space: nowrap;
}