简要咨询咨询QQ网站导航网站搜索手机站点联系我们设为首页加入收藏 

CSS控制Table单元格强制换行与强制不换行

来源:易贤网   阅读:1124 次  日期:2014-08-25 14:32:06

温馨提示:易贤网小编为您整理了“CSS控制Table单元格强制换行与强制不换行”,方便广大网友查阅!

我们知道Div的换行和不换行的css写法。但对于表格单元格只知道一个属性nowrap可以使其不换行。 但发现有时加上nowrap在某些情况下还是会换行!

用CSS实现Table单元格数据自动换行或不换行的实现方法:

1、强制换行:

<style type="text/css">

.AutoNewline

{

word-break: break-all;/*必须*/

}

</style>

<table>

<tr>

<td class="AutoNewline">自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行3w.foa($)sp.cn</td>

</tr>

</table>

2、强制不换行:

<style type="text/css">

.NoNewline

{

word-break: keep-all;/*必须*/

}

</style>

<table>

<tr>

<td class="NoNewline">不换行不换行不换行不换行不换行不换行不换行不换行不换行不换行3w.foa($)sp.cn</td>

</tr>

</table>

更多信息请查看IT技术专栏

更多信息请查看网页制作
点此处就本文及相关问题在本站进行非正式的简要咨询(便捷快速)】     【点此处查询各地各类考试咨询QQ号码及交流群
上一篇:按钮文字的垂直居中
下一篇:css3.0学习 CSS3选择器
易贤网手机网站地址:CSS控制Table单元格强制换行与强制不换行
由于各方面情况的不断调整与变化,易贤网提供的所有考试信息和咨询回复仅供参考,敬请考生以权威部门公布的正式信息和咨询为准!