0
A
回答
3
嘗試text-overflow:ellipsis
和overflow:hidden
CSS樣式。它們必須一起使用,否則文本溢出將被忽略。
所有瀏覽器(特別是IE)都可能不支持文本溢出,因此您的測試做得很好。
0
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>
相關問題
- 1. Imageresizer doe不裁剪寬度,但僅裁剪高度
- 2. JCrop得到裁剪寬度和高度
- 3. 標籤寬度
- 4. HTML動態裁剪
- 5. 使用pheatmap時裁剪的列標籤
- 6. 將HTML畫布裁剪爲其可見像素(內容)的寬度/高度?
- 7. 標籤旋轉90度的不良剪裁
- 8. 理由textview支持HTML標籤
- 9. Gsp/HTML頁面不支持wcm標籤
- 10. html 5標籤不支持下面ie9?
- 11. html 5音頻標籤寬度
- 12. css中的HTML設置標籤寬度?
- 13. 裁剪/剪裁Sprite
- 14. 基於固定高度和寬度的剪裁文本
- 15. App Engine裁剪到特定的寬度和高度
- 16. jQuery標籤寬度
- 17. JFreeChart標籤寬度
- 18. ActionBar標籤寬度
- 19. 修剪空的HTML標籤
- 20. html canvas:剪裁和文本
- 21. HTML選擇選項寬度在IE中被裁剪。任何解決方案
- 22. Visual Studio 2010 powertools HTML剪貼板支持
- 23. 保持寬高比爲100%(CSS中的裁剪溢出)
- 24. 裁剪而不是裁剪
- 25. Android支持CE-HTML嗎?
- 26. 圖片上傳和裁剪的React-Native庫(支持android和ios)
- 27. 在java中繪製api(在運行時支持編輯/裁剪)
- 28. 剪裁元素與其他元素的寬度
- 29. 畫布內Silverlight的動態裁剪寬度
- 30. 取決於當前窗口寬度的圖像裁剪
[當前瀏覽器支持](http://maettig.com/code/css/text-overflow-ellipsis.html) – pintxo 2011-04-27 10:00:19
@cmmi,太棒了! +1 – 2011-04-27 10:04:20