本月博客排行
-
第1名
Xeden -
第2名
fantaxy025025 -
第3名
bosschen - paulwong
- johnsmith9th
年度博客排行
-
第1名
青否云后端云 -
第2名
宏天软件 -
第3名
gashero - gengyun12
- wy_19921005
- vipbooks
- e_e
- benladeng5225
- wallimn
- ranbuijj
- javashop
- jickcai
- fantaxy025025
- zw7534313
- qepwqnp
- robotmen
- 解宜然
- ssydxa219
- sam123456gz
- zysnba
- sichunli_030
- tanling8334
- arpenker
- gaojingsong
- xpenxpen
- kaizi1992
- wiseboyloves
- jh108020
- xyuma
- ganxueyun
- wangchen.ily
- xiangjie88
- Jameslyy
- luxurioust
- mengjichen
- lemonhandsome
- jbosscn
- nychen2000
- zxq_2017
- lzyfn123
- wjianwei666
- forestqqqq
- ajinn
- siemens800
- hanbaohong
- 狂盗一枝梅
- java-007
- zhanjia
- 喧嚣求静
- Xeden
最新文章列表
table 中,如何使得单元格的内容不换行,单元格不被撑开,显示不下的时候在结尾处显示“...”
之前的项目做过这种需求,但是由于不是自己亲手实现,所以以为只要使用 text-overflow 就可以实现这个需求了。但实事证明并没有那么简单。下面就把这个需求的实现要点理一下。
先说一下几个要点:
table 的 “table-layout”属性要声明为“fixed”
对表格的第一行中的每个单元格设置宽度。我用的是数值,不是百分比。
对可能出现内容很长的单元格,设置以下三个属性:
...
pre标记,火狐中不换行的问题
html中<pre>标记可以保持文本原有样式,但在火狐中不会自动换行,下面是解决方案:
<style type="text/css">
pre {white-space: pre-wrap;
/* css-3 */white-space: -moz-pre-wrap;
/* Mozilla, since ...