CSS网页制作教程:网页内容换行控制
作者 佚名技术
来源 CSS技术
浏览
发布时间 2012-03-02
| 的选择是设置 overflow 属性为 hidden 。设置 overflow 属性为 scroll 或者 auto 时，此属性也会应用。但是会有滚动条出现。 通过选择省略标记，隐藏的文本可以被选择。当选择发生时，省略标记会隐藏而被文本替换。 此属性为在DHTML中制作省略标记提供了高效的方法。 二、word-break 最常用的控制换行属性，常与下面的word-wrap结合使用，点此查看示例。 语法： word-break : normal | break-all | keep-all 取值： normal： 默认值。允许在词间换行 break-all：该行为与亚洲语言的 normal 相同。也允许非亚洲语言文本行的任意字内断开。该值适合包含一些非亚洲文本的亚洲文本 keep-all：与所有非亚洲语言的 normal 相同。对于中文，韩文，日文，不允许字断开。适合包含少量亚洲文本的非亚洲文本 说明： 设置或检索对象内文本的字内换行行为。尤其在出现多种语言时。 对于中文，应该使用 break-all 。 三、word-wrap 如果你设计的网页不是自适应宽度的话，需要将它设置为break-word，否则可能出现版快错开的情况，点此查看示例。 语法： word-wrap : normal | break-word 取值： normal：默认值。允许内容顶开指定的容器边界 break-word：内容将在边界内换行。如果需要，词内换行( word-break )也将发生 说明： 设置或检索当当前行超过指定容器的边界时是否断开转行。 此属性仅作用于有布局的对象，如块对象。内联要素要使用该属性，必须先设定对象的 height 或 width 属性，或者设定 position 属性为 absolute ，或者设定 display 属性为 block 。 四、overflow，overflow-x，overflow-y 这个不是严格意思上的控制换行样式，但在某些时候将它设置为hidden可以补充word-wrap的不足，比方你想在限制宽度里仅显示一行文字，而这行文 字的长度却超过这个宽度，结合white-space+text-overflow可以达到更好的效果，点此查看示例。 语法： overflow : visible | auto | hidden | scroll 取值： visible： 默认值。不剪切内容也不添加滚动条。假如显式声明此默认值，对象将以包含对象的 window 或 frame&nbs |
凌众科技专业提供服务器租用、服务器托管、企业邮局、虚拟主机等服务，公司网站：http://www.lingzhong.cn 为了给广大客户了解更多的技术信息，本技术文章收集来源于网络,凌众科技尊重文章作者的版权，如果有涉及你的版权有必要删除你的文章，请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息，谢谢! |
你可能对下面的文章感兴趣
关于CSS网页制作教程:网页内容换行控制的所有评论
