高端网站建设-如何用表格实现overflow:hidden

众所周知，DIV+CSS里如果文本过长可以用overflow:hidden来隐藏超出的部分，但在表格td里就不起作用了，下面举两个例子

第一种，用DIV<div style="width:20px; white-space:nowrap; overflow:hidden;">高端网站建设，专业网站制作，重庆网页设计，网站制作公司，重庆做网站，九度品牌</div>

第二种，用td<table><tr><td style="width:20px; white-space:nowrap; overflow:hidden;">>高端网站建设，专业网站制作，重庆网页设计，网站制作公司，重庆做网站，九度品牌</td></tr></table>

由此可见第一种是能正常隐藏的，而第二种则行不通，在这种情况下就要用到table-layout的fixed属性了

<style type="text/css">table {width:20px;table-layout:fixed;}td {white-space:nowrap;overflow:hidden;}</style>

加上这段代码后，就可以实现td也自动隐藏超出文本了

 高端网站建设价格套餐：

500元成品模板网站套餐1000元基础型网站套餐1800元标准定制设计套餐2800元精美定制设计套餐3800-8000元商务型套餐行业门户型套餐其它定制套餐

  文章由重庆一佰互联高端网站建设http://www.rzxsoft.cn编辑整理，转载请注明出处