CSS一些样式

1、自动换行

.wrap{
	width: 100%;    //不要设置高度
	word-wrap: break-word; 
	word-break: break-all; //如果没有,当内容为数字和英文时,不能自动换行显示
}

2、垂直居中

vertical-align: middle; 

3、字体居中

text-align:center;

4、多余文字省略号显示

.ellipsisword{
	white-space: nowrap;//文本不会换行,文本会在在同一行上继续,直到遇到
标签为止 overflow: hidden;//滚动轴设置 text-overflow: ellipsis;//显示省略符号来代表被修剪的文本 -webkit-line-clamp: 3;//设置3行后显示省略号 }

http://www.cnblogs.com/jiekzou/p/9071777.html

你可能感兴趣的:(CSS)