html – 控制TD元素溢出

html – 控制TD元素溢出,第1张

概述我有很长的文字TD.我希望它被省略,但是我不想定义这个列的绝对宽度 – 我希望它由它的父表动态计算.可能吗?这是一个代码,例如: <table width="100%" border="3"><tr><td ><span style="white-space: nowrap; overflow: hidden; text-overflow: ellipsis;" >Here should 我有很长的文字TD.我希望它被省略,但是我不想定义这个列的绝对宽度 – 我希望它由它的父表动态计算.可能吗?这是一个代码,例如:
<table wIDth="100%" border="3"><tr><td ><span  >Here should be very long text: bla bla bla bla bla bla bla bla bla bla bla bla bla blabla bla bla bla bla bla bla bla bla bla bla bla bla blabla bla bla bla bla bla bla bla bla bla bla bla bla blabla bla bla bla bla bla bla bla bla bla bla bla bla bla</span></td></table>

有没有办法强制IE浏览器显示省略号,即使没有定义具有绝对宽度的“span”元素,例如:wIDth = 300px?

解决方法 最好的答案我发现:
将TD的长内容包含在表中,其定义如下:’table-layout:fixed’这将神奇地解决这个问题.
你自己看 –
<table wIDth="100%" border="3"><tr> <td><table wIDth=100% cellpadding=0 cellspacing=0 style='table-layout:fixed'><TR><TD style='text-overflow: ellipsis; overflow: hIDden; white-space: nowrap;'>Here should be very long text: bla bla bla bla bla bla bla bla bla bla bla bla bla blabla bla bla bla bla bla bla bla bla bla bla bla bla blabla bla bla bla bla bla bla bla bla bla bla bla bla blabla bla bla bla bla bla bla bla bla bla bla bla bla bla</TD></TR></table></td></table>
总结

以上是内存溢出为你收集整理的html – 控制TD元素溢出全部内容,希望文章能够帮你解决html – 控制TD元素溢出所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/web/1100404.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2022-05-28
下一篇2022-05-28

发表评论

登录后才能评论

评论列表(0条)

    保存