所以有一些列需要有这个省略号类.我在表中有多个列.
我在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;}
虽然同一个表还有一列第五个孩子,现在对于这个孩子我需要做一个单独的类,因此为其他列.
我不想扩展我的CSS代码.
还有其他解决方案吗?
.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)
总结以上是内存溢出为你收集整理的html – 在css中选择多个小孩全部内容,希望文章能够帮你解决html – 在css中选择多个小孩所遇到的程序开发问题。
如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)