我试图在css中应用省略号类来表.
所以有一些列需要有这个省略号类.我在表中有多个列.
所以有一些列需要有这个省略号类.我在表中有多个列.
我在css中的第n个孩子的属性这样做,有没有另外一种方式来选择随机多个孩子?
我试过了-
.ListTasktime tbody tr >td:nth-child(3) a { text-overflow: ellipsis; width:150px; display: block; overflow: hidden; word-break:keep-all; zoom:normal; line-break:normal; white-space:pre; }
解决方法
你可以用逗号分隔这些类,
.ListTasktime tbody tr >td:nth-child(3),.ListTasktime tbody tr >td:nth-child(6),.ListTasktime tbody tr >td:nth-child(9) { /* Common Styles Goes Here,Styles will apply to child 3,6 and 9 */ }
注意:您需要检查第n个孩子并在样式表中手动定义,因为如果列增加,CSS不能为您决定.
如果您使用服务器端语言生成动态表,则可以使用像substr()这样的函数来裁剪字母.
旁注:您不必使用>除非和直到你没有任何儿童桌,这是足够的.. tbody tr td:nth-child(3)
原文地址:https://www.jb51.cc/html/224487.html
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。