实例 改变字与字之间的间距使得每行对齐： div{ text-align:justify; text-justify:inter-word;} 尝试一下 » 浏览器支持 表格中的数字表示支持该属性的第一个浏览器版本号。 属性 text-justify 不支持...

实例 设置text-outline（文本-轮廓）: p.test{text-outline: 2px 2px #ff0000;} 浏览器支持 任何主流浏览器都不支持text-outline属性。 属性定义及使用说明 text-outline属性指定文字大纲。 默认值： non...

实例 使用text-overflow属性： div.test { text-overflow:ellipsis;} 尝试一下 » 在此页底部有更多的例子。 浏览器支持 表格中的数字表示支持该属性的第一个浏览器版本号。 属性 text-overflow 4.0 6...

实例 基本文字阴影（text-shadow）： h1{text-shadow: 2px 2px #ff0000;} 尝试一下 » 在此页底部有更多的例子。 浏览器支持 表格中的数字表示支持该属性的第一个浏览器版本号。 属性 text-shadow...

实例 Allow no line breaks: p.test {text-wrap:none;} 尝试一下 » 浏览器支持 任何主流浏览器都不支持text-wrap属性。 属性定义及使用说明 text-wrap属性指定文本换行规则。 默认值： normal 继承： y...

实例 在合适的点换行： p.test {word-break:break-all;} 尝试一下 » 浏览器支持 表格中的数字表示支持该属性的第一个浏览器版本号。 属性 word-break 4.0 5.5 15.0 3.1 15.0 属性定义及使用说明 word...

实例 指定如果足够长得话，应该换行： p.test {word-wrap:break-word;} 尝试一下 » 浏览器支持 表格中的数字表示支持该属性的第一个浏览器版本号。 属性 word-wrap 4.0 5.5 3.5 3.1 10.5 属性定义及...

实例 旋转 div 元素： div{ transform:rotate(7deg); -ms-transform:rotate(7deg); /* IE 9 */ -webkit-transform:rotate(7deg); /* Safari and Chrome */} 尝试一下 » 浏览器支持 表格中的数字表示支持该属性的第一个浏览...

实例 设置旋转元素的基点位置： div{transform: rotate(45deg);transform-origin:20% 40%;-ms-transform: rotate(45deg); /* IE 9 */-ms-transform-origin:20% 40%; /* IE 9 */-webkit-transform: rotate(45deg); /* Safari and Chrome */-webk...

实例 让转换的子元素保留3D转换： div{ transform: rotateY(60deg); transform-style: preserve-3d; -webkit-transform: rotateY(60deg); /* Safari and Chrome */ -webkit-transform-style: preserve-3d; /* Safari and Chrome */} 尝试一下...