CSS超过指定的宽度加省略号

/*table-layout:fixed 会使表格均等分*/
#TreeView1 table{width:290px;table-layout: fixed;}
#TreeView1 td:first-child {width:8%;
}/*+选择下一个兄弟节点 注意+前后都有空格*/
#TreeView1 td:first-child + td {width:6%;
}/*[attribute]含有某个属性的元素*/
#TreeView1 td[class] {width:80%;text-align:left;
}/*下面的才是重点*/#TreeView1  td.node{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

table-layout：fixed会使表格均等分，不过不用紧张，可以使用选择器来调每一列的高度

http://www.w3school.com.cn/cssref/css_selectors.asp

特别对于IE8尽可能使用css2的选择器去控制

转载于:https://www.cnblogs.com/lzhp/p/3838304.html

CSS超过指定的宽度加省略号相关推荐

css 文字超出部分自动加省略号
在移动端,经常会在适配的时候遇到文字超出的问题,最合理的做法就是超出部分自动加省略号. 用到的属性有 text-overflow: ellipsis; /显示省略符号来代表被修剪的文本/ word-b ...
css文字超出盒子宽度显示省略号
单行超出显示省略号 white-space:nowarp; overflow:hidden; text-overflow:ellipsis; 超出两行显示省略号 overflow: hidden;te ...
css对于文字过长加省略号
overflow: hiddentext-overflow: ellipsiswhite-space: nowrap 转载于:https://www.cnblogs.com/sanqianjin/p/ ...
CSS中的text-overflow属性详解（控制文字在一行显示，超出部分加省略号）
text-overflow: ellipsis; 表示当文本内容超出所在容器的宽度时,用省略号来代替超出的部分. white-space:nowrap; 表示文本不换行. overflow: hidd ...
css实现多行换行，并自动在后面加省略号
css有换行的标签,但是只能实现单行换行,使用起来很不方便.以下代码可以实现多行换行,并且后面自动加省略号,但是在使用之前需要给它一个固定的宽度,把下面的代码直接复制过去就可以了. <!DOCT ...
CSS实现超过一定的宽度添加省略
CSS实现超过一定的宽度添加省略 .detail-item-line {width: 100%;word-break: keep-all; /* 不换行 */white-space: nowrap; ...
css不换行省略号没作用,flex布局下，css设置文本不换行时，省略号不显示的解决办法...
大致是有一个 main 容器是 flex 布局,左边一个 logo 固定宽高,右边 content 动态宽度. a name a info Lorem ipsum dolor sit amet, co ...
css设置不显示超出内容_显示...,css设置内容超出后显示省略号
1.使用overflow: hidden把超出的内容进行隐藏: 2.然后使用white-space: nowrap设置内容不换行: 3.最后使用text-overflow: ellipsis设置超出内 ...
html设置表格宽度最小,css如何设置表格宽度？
css设置表格宽度的方法:直接使用css设置表格table标签的width属性即可设置表格宽度,浏览器会自动按照td宽度的比例来调整td宽度. css设置表格宽度: 例1:Table的宽度为600px ...

CSS超过指定的宽度加省略号

CSS超过指定的宽度加省略号相关推荐

最新文章

热门文章