itRef.cn技术参考网站

当前位置: 主页 > CSS >

css强制换行

时间:2011-09-01 14:48来源:未知 作者:wiwi 点击:
一、问题描述 强制换行,通常情况下用不到。但在极端情况下会碰到,这是就需要使用强制换行。比如: 用户恶意输入一串连续的字母(中间没有减号和空格),浏览器渲染的时候,默认情况下,会认为是一个字母,而保持在一行上,就有可能撑开父容器的宽度,破坏

一、问题描述

强制换行,通常情况下用不到。但在极端情况下会碰到,这是就需要使用强制换行。比如:

  1. 用户恶意输入一串连续的字母(中间没有减号和空格),浏览器渲染的时候,默认情况下,会认为是一个字母,而保持在一行上,就有可能撑开父容器的宽度,破坏布局。
  2. 测试人员测试的时候,有时也会故意输入一长串连续字母。

二、解决方法:

设定容器最大宽度,word-wrap:break-word; 内容将在边界内换行;word-break:break-all; 词内换行,在IE低版本中起作用。

 

  1. .box{max-width:450px;word-wrap:break-word;word-break:break-all;} 

 

(责任编辑:wiwi) 转载请注明 来源于itRef.cn技术参考网站:
顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------
栏目列表
推荐内容