手机
当前位置:查字典教程网 >网页设计 >应用技巧 >网页中防止表格被撑破的css代码
网页中防止表格被撑破的css代码
摘要:按照网上大多数文章的说法,只要在CSS中加入:代码table{table-layout:fixed;word-break:break-all...

按照网上大多数文章的说法,只要在CSS中加入:

代码

table{

table-layout:fixed;

word-break:break-all;

word-wrap:break-word;

}

div{

word-break:break-all;

word-wrap:break-word;

}

就可以解决表格和层被撑破,最初我也是这样做的。不过这样的代码会造成一个问题,你会发现英文词全部被截断了,这不符合英语的书写习惯也不利于阅读。

后来我发现上述代码改写一下就可以做到既防止表格/层撑破又防止单词断裂了。

如下:

代码

table{

table-layout:fixed;

word-wrap:break-word;

}

div{

word-wrap:break-word;

}

【网页中防止表格被撑破的css代码】相关文章:

解决IE不能主动识别UTF-8编码的问题的方法

身份证复印件的正确使用方法 身份证防被盗用

IIS运行错误 Server Application Error 错误代码 Error: 8004的解决方法

Windows启动速度缓慢的八个原因

电脑使用小技巧集合

安装ppstream后出现的ppsap.exe进程解决办法

FCKeditor 實戰技巧

Macromedia官方提供的卸载Flash插件的方法

网页中flash文件的另类下载方法

巧用Gmail(Google)传送文件

精品推荐
分类导航