加入收藏 | 设为首页 | 会员中心 | 我要投稿 湖南网 (https://www.hunanwang.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 创业 > 正文

CSS教程:表格的nobr终极办理方案

发布时间:2018-08-20 12:50:16 所属栏目:创业 来源:站长网
导读:当你筹备全面进军web尺度时,偶然辰你是不是被表格的弄得焦头烂额呢?好比,原本行使犯科的nobr此刻要用什么来取代呢?本日,就让我来一个终极办理方案。 或者你已经Google到white-space: nowrap可以实现nobr,不错,但要害尚有一个,那就是table-layout.
当你筹备全面进军web尺度时,偶然辰你是不是被表格的弄得焦头烂额呢?好比,原本行使“犯科”的nobr此刻要用什么来取代呢?本日,就让我来一个终极办理方案。
 
  或者你已经Google到white-space: nowrap可以实现nobr,不错,但要害尚有一个,那就是table-layout. table-layout有两个值可以设定,预设的是auto. auto: 默认的自动算法。机关将基于各单位格的内容。表格在每一单位格读取计较之后才会表现出来。速率很慢。
 
  fixed : 牢靠机关的算法。在这算法中,程度机关是仅仅基于表格的宽度,表格边框的宽度,单位格间距,列的宽度,而和表格内容无关。
 
  为了让表格机关牢靠住,我们必要table-layout:fixed.假设没有fixed,把你的判别率减小到必然水平,你会发明white-space: nowrap是不会见效的。
 
  能力:为了使表格可以或许顺应液态机关(liquid layout,即可伸缩性),不提议你为表格配置绝对宽度,行使相对宽度如百分比是不错的选择。其它,把宽度相对牢靠的内容(好比时刻名目)格配置绝对宽度,非牢靠的内容格不配置任何宽度,只需给以其配置white-space: nowrap,固然在小判别率的环境下会溢出,但依据某些概念看来,这比折行更雅观。
 
  虽然我的概念不这样,假如是属于我本身能节制的对象,我是不会要white-space: nowrap的,让用户可以或许清楚地看到内容,我以为比雅观更重要。

(编辑:湖南网)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    热点阅读