CSS对报表模块格强制性换行和不换行

日期:2021-01-20 类型:科技新闻 

关键词:秀米制作h5,h5如何制作,h5小游戏制作,h5游戏开发,免费的h5制作网站


CSS操纵Table模块格强制性换行与强制性不换行
  大家了解Div的换行和不换行的css写法。但针对报表模块格只了解1个特性nowrap可使其不换行。
  近日有此必须,但发现再加nowrap在一些状况下還是会换行!无可奈何,沒有1个强制性不换行的方式吗?
  用CSS完成Table模块格数据信息全自动换行或不换行的完成方式:
  1、强制性换行:
<style type="text/css">
.AutoNewline
{
word-break: break-all;/*务必*/
}
</style>
<table>
<tr>
<td class="AutoNewline">全自动换行全自动换行全自动换行全自动换行全自动换行全自动换行全自动换行全自动换行全自动换行全自动换行全自动换行全自动换行全自动换行全自动换行全自动换行全自动换行全自动换行全自动换行全自动换行全自动换行全自动换行全自动换行全自动换行全自动换行</td>
</tr>
</table>
  2、强制性不换行:
<style type="text/css">
.NoNewline
{
word-break: keep-all;/*务必*/
}
</style>
<table>
<tr>
<td class="NoNewline">不换行不换行不换行不换行不换行不换行不换行不换行不换行不换行</td>
</tr>
</table>
上一篇:网页页面字体样式该怎样设定? 返回下一篇:没有了