Welcome, Old Sport!

防止特长字符串溢出

by ilikecss ON 2011/10/21 4091

防止字符溢出 – 比如一个很长串的英文URL,你设置了宽度,但还是会不换行的溢出,用这个就OK了,建议可以写到你的CSS Reset里面。

首先设置CSS

div {
	white-space: pre;           /* CSS 2.0 */
	white-space: pre-wrap;      /* CSS 2.1 */
	white-space: pre-line;      /* CSS 3.0 */
	white-space: -pre-wrap;     /* Opera 4-6 */
	white-space: -o-pre-wrap;   /* Opera 7 */
	white-space: -moz-pre-wrap; /* Mozilla */
	white-space: -hp-pre-wrap;  /* HP Printers */
	word-wrap: break-word;      /* IE 5  */
}

以上代码说明在页面中所有DIV标签都包含了这个效果。同学们可以把自己新建个网页,然后尝试一下,输入一长串英文,设置一个容器的宽度后运行浏览器查看。添加和删除这个CSS设置后的效果是截然不同的。

目前还没有评论



TOP