lha*_*han 12 html css autosize width
我有以下的JS Fiddle来展示我想要实现的目标:http: //jsfiddle.net/sVKU8/2/
1)我假设第一部分很容易 - 有没有办法更新父label类,width根据两个孩子<div>的总宽度自动设置它,所以边框只包围绿色和红色<div>s？我认为设置width: auto应该这样做,但我的CSS技能显然缺乏.
2)接下来我想要完成的是width从我的label-text类中删除属性并设置宽度(或者如果可能的话自动增长)每当我<div>通过JavaScript 将文本应用到文本时(即保持原始高度)该label班).
我不确定是否需要尝试根据实际文本计算宽度,或者是否有办法仅使用宽度设置应用文本以允许其增长.
任何意见或建议将不胜感激!
Yan*_*bot 24
将此属性添加到您的css:
.based-on-text{
display: inline-block;
}
这样,div就像一个块,但是它将具有它所需的宽度,而不是取整个父级别的宽度!