巧用css实现强制不换行、自动换行、强制换行
我们在写页面代码的时候,有时把一个表格的宽度定死后会出现里面的文字不见了,特别是英文。这就是他换行了所导致的,这时我们就需要加些CSS元素让它来听我们的话!根据自己以往的经验,也参考了些网上的文章,具体如下: 强制不换行 div{
div{
div{ ============================================ CSS设置不转行: overflow:hidden 隐藏
============================================ 看了以上的介绍,赶快试一下,看看效果吧! 英文不换行 CSS里加上 word-break: break-all; 问题解决。这个问题只有IE才有,在FF下测试,FF可以自己加滚动条,这样也不影响效果 建议大家做Skin时,记得在body里加 word-break: break-all; 这样可以解决IE的框架被英文撑开的问题 以下引用word-break的说明, 注意word-break 是IE5+专有属性 语法: word-break : normal | break-all | keep-all 参数: normal : 依照亚洲语言和非亚洲语言的文本规则,允许在字内换行 说明: 设置或检索对象内文本的字内换行行为。尤其在出现多种语言时。 示例: div {word-break : break-all; } |