ITPub博客

首页 > IT职业 > IT生活 > 顽固TABLEのtable-layout/white-space

顽固TABLEのtable-layout/white-space

原创 IT生活 作者:livedba 时间:2012-04-26 10:48:33 0 删除 编辑

进军web时,虽然布局已弃传统table布局,但是需要数据量很大体现的时候仍需要table。

fixed : 固定布局的算法。在这算法中,水平布局是仅仅基于表格的宽度,表格边框的宽度,单元格间距,列的宽度,而和表格内容无关。
 
  为了让表格布局固定住,我们需要table-layout:fixed.假设没有fixed,把你的分辨率减小到一定程度,你会发现white-space: nowrap是不会生效的。
 
  技巧:为了使表格能够适应液态布局(liquid layout,即可伸缩性),不建议你为表格设置绝对宽度,使用相对宽度如百分比是不错的选择。另外,把宽度相对固定的内容(比如时间格式)格设置绝对宽度,非固定的内容格不设置任何宽度,只需给予其设置white-space: nowrap,虽然在小分辨率的情况下会溢出,但依据某些观点看来,这比折行更美观。
如果是属于我自己能控制的东西,我是不会要white-space: nowrap的,让用户能够清晰地看到内容,也许此时比美观更重要。

[@more@]

来自 “ ITPUB博客 ” ,链接:https://blog.itpub.net/25261409/viewspace-1058012/ ,如需转载,请注明出处,否则将追究法律责任。

请登录后发表评论 登录
全部评论

注册时间:2011-01-21

  • 博文量
    115
  • 访问量
    483877