HTML支持宽度剪裁标签吗？

Question

HTML中有一个特性，即标签具有特定的宽度，当它需要在其给定的宽度上渲染时，它应该剪切并显示...。在工具提示中，显示完整的实际名称。

事情是这样的：

Answer 1

尝试text-overflow:ellipsis和overflow:hidden CSS样式。它们必须一起使用，否则文本溢出将被忽略。

所有浏览器（特别是IE）都可能不支持文本溢出，因此您的测试做得很好。

Answer 2

http://jsfiddle.net/jwB2Y/123/

一种选择裁剪标签文字与溢出和空白财产沿着设定的最大宽度财产。要显示...，您需要使用文本溢出：省略号。

.inline-label { 
    white-space: nowrap; 
    max-width: 150px; 
    overflow: hidden; 
    text-overflow: ellipsis; 
    float:left;  
    } 

。

<div> 
    <label for="id1" class="inline-label">This is the dummy text i want to display::</label> 
    <input type="text" id="id1"/> 
</div>