贝斯特bst2222

当前位置:贝斯特bst2222 >> 建站常识

贝斯特bst2222-如何用表格实现overflow:hidden

发布时间:2015/7/7 14:57
贝斯特bst2222-如何用表格实现overflow:hidden

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

第一种,用DIV
<div style="width:20px; white-space:nowrap; overflow:hidden;">贝斯特bst2222,贝斯特bst2222,重庆网页设计,网站制作企业,贝斯特bst2222,九度品牌</div>

第二种,用td
<table><tr><td style="width:20px; white-space:nowrap; overflow:hidden;">>贝斯特bst2222,贝斯特bst2222,重庆网页设计,网站制作企业,贝斯特bst2222,九度品牌</td></tr></table>

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

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

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

 贝斯特bst2222价格套餐:

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

 

文章由重庆满荣贝斯特bst2222/html/newslist-9181/编辑整理,转载请注明出处
相关资讯
qq tel code back_top
tencent

在线客服
点击交谈

手机:

18908313333

扫码马上微信咨询

XML 地图 | Sitemap 地图