熟悉而又陌生的table(续)
来源:互联网 发布:淘宝报活动技巧 编辑:程序博客网 时间:2024/04/29 18:54
针对table中,单元格的内容过长是否会破坏table结构,是否会做截断,做了测试,总结的规律如下:
1.
table:fixed之后,指定col宽度,对td做{
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
如果是在table上做,结构不会乱,但是超出宽度的不会被截断
2.table:fixed之后,没有指定col宽度,默认每列的宽度为平均分
如果没有fixed,只指定col宽度,需要在td中加标签,一个block元素,p等,在p上做
{
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
},并且需要指定p的宽度,如100px,但宽度不能是%。
4.
如果没有fixed,指定col了宽度,但没有在td中加标签,而是在td上做
{
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
},即使给td再指定宽度,如100px,也没有截断的效果。会破坏结构。如果不加那段代码,就会折行显示。
5.
如果没有fixed,指定了col了宽度,也没有在td中加标签,而是在table上了加了
{
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
},那么超出指定宽度后就会结构乱掉,因为,不能换行(white-space: nowrap;)
另外:
1. 表格还可以用ul,li来实现,每一行是一个li,每个单元格是一个span,对这个span设置display:inline-block
2. 给表格的每行加下划线,必须加在td上,如果加在tr上,在ie7以下,就不显示了。
3.判断单元格内容是否为空,应该保留td标签,再进行判断。否则,会使一行的下划线不完整。
0 0
- 熟悉而又陌生的table(续)
- 熟悉而又陌生的table
- 熟悉而又陌生的城市(下)
- 熟悉而又陌生的城市(上)
- ES6中熟悉而又陌生的箭头函数 '=>'
- 正确的对待android的图片处理与压缩,你所熟悉而又陌生的bitmap
- 熟悉的陌生
- 熟悉的陌生
- 熟悉又陌生的领域
- 熟悉又陌生的udelay
- 熟悉又陌生的HTTPS
- 那些最熟悉的陌生人们(不定期更新)
- Python: 熟悉又陌生的字符编码(转载)
- String:一个最熟悉的陌生类型
- 既熟悉又陌生的“迪杰斯特拉”
- 容颜熟悉的不能再熟悉,心灵陌生的不能再陌生:伤感日志
- 容颜熟悉的不能再熟悉,心灵陌生的不能再陌生:伤感日志
- 容颜熟悉的不能再熟悉,心灵陌生的不能再陌生:伤感日志
- 设置sql trace报SP2-0575错误
- Office -- 内存不足 无法运行Microsoft Office & 崩溃
- stm32 USART 串口通信[操作寄存器+库函数]
- office --word
- MFC 匿名管道实现输出
- 熟悉而又陌生的table(续)
- Object C基础知识
- HDU 5000 Clone 规律+dp 2014 ACM/ICPC Asia Regional Anshan Online
- 二进制文件的读写操作
- Java生成唯一UUID(GUID)
- linux实用技巧:linux下的视频录制软件xvidcap
- 批处理中如何判断参数中含有某些字符串?
- 有时间了研究一下 这个oops 有人知道的话,求指导!!
- Smart Pointers in C++