我有两个div
我希望垂直放置,与左边对齐,我希望它们的宽度根据文本的数量进行换行。
.main {
position: absolute;
color: white;
}
.line {
padding: 3px;
margin: 2px;
background-color: #505050;
}
<div class="main">
<div class="line">Content content content content</div>
<div class="line">Content content</div>
</div>
我之所以要问是否有更直接的解决方案是因为我认为width: 0
和white-space: nowrap
可能会影响不同的内容。
答案 0 :(得分:2)
据我所知,可能是你想要的。
.main {
color: white;
}
.line {
padding: 3px;
margin: 2px;
background-color: #505050;
float:left;
clear:left;
}