本月博客排行
-
第1名
青否云后端云 -
第2名
e_e -
第3名
vipbooks - silverend
- lemonhandsome
- kingwell.leng
- jveqi
- xiangjie88
年度博客排行
-
第1名
青否云后端云 -
第2名
zw7534313 -
第3名
大家都说我很棒 - liyihz2008
- wy_19921005
- gengyun12
- hbxflihua
- e_e
- luxurioust
- dbagirl
- zysnba
- robotmen
- Alsmile
- gaozzsoft
- jywhltj
- cpongo1
- leslie26
- qepwqnp
- zhangdaiscott
- 解宜然
- cuityang
- sichunli_030
- gashero
- fantaxy025025
- ranbuijj
- gdpglc
- ssydxa219
- wallimn
- vipbooks
- 淡看人生
- hanbaohong
- jickcai
- javashop
- johnsmith9th
- appalese
- gaojingsong
- weiyides
- zhangyi0618
- java-007
- AVI
- laiyangdeli
- lyongq04
- xpenxpen
- liunancun
- 龙哥IT
- conkeyn
- nychen2000
- lyndon.lin
- ouanui
- panshunchang
最新文章列表
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 ...