Fatal编程技术网
  • ellipsis/
  • Ellipsis 如何使用文本溢出：宽度未知的省略号

Ellipsis 如何使用文本溢出：宽度未知的省略号

css

Ellipsis 如何使用文本溢出：宽度未知的省略号,ellipsis,css,Ellipsis,Css,我有一个标签，它可以是任意宽度，应该使用CSS文本溢出：省略号属性。我似乎无法让它工作#a工作，因为设置了宽度，这是预期结果。如何让#b工作 <div id="a"> <a href="#">link</a> <input type="checkbox" /> <label>checkbox label</label> </div> <div id="b"> <

我有一个
标签
，它可以是任意宽度，应该使用CSS
文本溢出：省略号
属性。我似乎无法让它工作<代码>#a工作，因为设置了
宽度，这是预期结果。如何让
#b
工作


<div id="a">
    <a href="#">link</a>
    <input type="checkbox" />
    <label>checkbox label</label>
</div>

<div id="b">
    <a href="#">link</a>
    <input type="checkbox" />
    <label>checkbox label</label>
</div>

#a       {width:100px; background:#ddd;}
#a label {text-overflow:ellipsis; overflow:hidden; white-space:nowrap; float:right; width:50px;}
#a a     {float:right}

#b       {width:100px; background:#ddd;}
#b label {text-overflow:ellipsis; overflow:hidden; white-space:nowrap; float:right;}
#b a     {float:right}




复选框标签
复选框标签
#a{宽度：100px；背景：#ddd；}
#标签{文本溢出：省略号；溢出：隐藏；空白：nowrap；float:right；宽度：50px；}
#a{float:right}
#b{宽度：100px；背景：#ddd；}
#标签{文本溢出：省略号；溢出：隐藏；空白：nowrap；float:right；}
#b a{float:right}



如果没有设置宽度，它将展开以包含文本，因此不会出现任何溢出。可能尝试设置
max width
而不是
width
？包含的div具有设置的宽度。难道没有办法将所有元素都放在一行上吗？