CSS3
word-wrap 属性:允许长的内容可以自动换行。
值 | 描述 |
---|---|
normal |
只在允许的断字点换行(浏览器保持默认处理)。 |
break-word |
在长单词或 URL 地址内部进行换行。 |
word-break 属性:规定自动换行的处理方法。
值 | 描述 |
---|---|
normal |
使用浏览器默认的换行规则。 |
break-all |
允许在单词内换行。 |
keep-all |
只能在半角空格或连字符处换行。 |
white-space 属性:指定元素内的空白怎样处理。
值 | 描述 |
---|---|
normal |
默认。空白会被浏览器忽略。 |
pre |
空白会被浏览器保留。其行为方式类似 HTML 中的 <pre> 标签。 |
nowrap |
文本不会换行,文本会在在同一行上继续,直到遇到 标签为止。 |
pre-wrap |
保留空白符序列,但是正常地进行换行。 |
pre-line |
合并空白符序列,但是保留换行符。 |
inherit |
规定应该从父元素继承 white-space 属性的值。 |
Transform属性:应用于元素的2D或3D转换。这个属性允许你将元素旋转,缩放,移动,倾斜等。
值 | 描述 | |
---|---|---|
none |
定义不进行转换。 | |
translate(x,y) |
定义 2D 转换。 | |
translate3d(x,y,z) |
定义 3D 转换。 | |
translateX(x) |
定义转换,只是用 X 轴的值。 | |
translateY(y) |
定义转换,只是用 Y 轴的值。 | |
translateZ(z) |
定义 3D 转换,只是用 Z 轴的值。 | |
scale(x[,y]?) |
定义 2D 缩放转换。 | |
scale3d(x,y,z) |
定义 3D 缩放转换。 | |
scaleX(x) |
通过设置 X 轴的值来定义缩放转换。 | |
scaleY(y) |
通过设置 Y 轴的值来定义缩放转换。 | |
scaleZ(z) |
通过设置 Z 轴的值来定义 3D 缩放转换。 | |
rotate(angle) |
定义 2D 旋转,在参数中规定角度。 | |
perspective(n) |
为 3D 转换元素定义透视视图。 |