DIV布局强制英文换行(div英文不怎么给力啊~ 只有用别的方法啦)

强制不换行

div{
white-space:nowrap;
}

自动换行

div{
word-wrap: break-word;
word-break: normal;
}

强制英文单词断行

div{
word-break:break-all;
}

CSS设置不转行：

　　overflow:hidden 隐藏

　　white-space：normal 默认

　　pre 换行和其他空白字符都将受到保护

　　nowrap 强制在同一行内显示所有文本，直到文本结束或者遭遇 br 对象

设置强行换行：

　　word-break:

　　normal ; 依照亚洲语言和非亚洲语言的文本规则，允许在字内换行

　　break-all : 　该行为与亚洲语言的normal相同。也允许非亚洲语言文本行的任意字内断开。该值适合包含一些非亚洲文本的亚洲文本

　　keep-all : 　与所有非亚洲语言的normal相同。对于中文，韩文，日文，不允许字断开。适合包含少量亚洲文本的非亚洲文本与之间的高度解决办法

英文不换行

　　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 : 　依照亚洲语言和非亚洲语言的文本规则，允许在字内换行

　　break-all : 　该行为与亚洲语言的normal相同。也允许非亚洲语言文本行的任意字内断开。该值适合包含一些非亚洲文本的亚洲文本

　　keep-all : 　与所有非亚洲语言的normal相同。对于中文，韩文，日文，不允许字断开。适合包含少量亚洲文本的非亚洲文本

　　说明：

　　设置或检索对象内文本的字内换行行为。尤其在出现多种语言时。

　　对于中文，应该使用break-all 。

　　对应的脚本特性为wordBreak。请参阅我编写的其他书目。

　　示例：

　　div {word-break : break-all; }

DIV布局强制英文换行(div英文不怎么给力啊~ 只有用别的方法啦)相关推荐

div/span强制不换行
div/span强制不换行首先看一下效果: 接下来看下代码:不需要引入任何文件. <html> <head> <meta content="text/html ...
DIV布局之道一：DIV块的水平并排、垂直并排
DIV布局网页元素的方式主要有三种:平铺(并排).嵌套.覆盖(遮挡).本文先讲解平铺(并排)方式. 1.垂直平铺(垂直排列) 请看如下代码 CSS部分: CSS Code 复制内容到剪贴板 .lay1 ...
html5 div布局table,H5的div布局与table布局详解
这次给大家带来H5的div布局与table布局详解,H5div布局与table布局的注意事项有哪些,下面就是实战案例,一起来看一下. 本文实例为大家解析了html5 p布局与table布局,供大家参考 ...
xHTML+div布局：三个div,两边div宽度固定，中间div宽度自适应
xHTML+div经常考题:三个div,两边div宽度固定,中间div宽度自适应. 和大家分享一个实现方式: 1.html代码 1 <div class="dyleft"&g ...
div、p、td 的强制不换行及强制换行
关于强制不换行.强制换行的话题在网上已经被讨论了无数次,但我发现都不够全面,没有充分考虑各种浏览器.各种标签等情况,以致不兼容,所以我再来说说.由于 div 和 p 在本文的讨论中,效果相同,所以省略 ...
div独占一行 html_css实现div强制不换行
css实现div强制不换行 DIV盒子没有赋予CSS样式时,默认DIV盒子是独占一行(宽度为100%). 一.对div设置float浮动样式对div设置float:left样式相当于是让div对象靠 ...
如何强制一行 html,css实现div强制不换行
css实现div强制不换行 DIV盒子没有赋予CSS样式时,默认DIV盒子是独占一行(宽度为100%). 一.对div设置float浮动样式对div设置float:left样式相当于是让div对象靠 ...
h5的div布局详解
在实际的网页开发中,网页的整体部分一般是由div标签来进行布局的.那么在使用div布局之前就要了解div的属性 div是块级元素块级元素在页面中的独占一行默认情况下的高度由里面的内容决定.由于块级 ...
CSS和div布局页面
CSS和div布局页面 CSS和div布局页面一.什么是布局网页布局页面元素定位机制二.布局属性浮动清除浮动定位绝对定位相对定位固定定位一.什么是布局网页实质是块与块之间的位置 ...

DIV布局强制英文换行(div英文不怎么给力啊~ 只有用别的方法啦)

DIV布局强制英文换行(div英文不怎么给力啊~ 只有用别的方法啦)相关推荐

最新文章

热门文章