css常用操作

一、换行

word-break: break-all; /* 只对英文起作用，以字母作为换行依据 */
word-wrap: break-word; /* 只对英文起作用，以单词作为换行依据 */
white-space: pre-wrap; /* 只对中文起作用，强制换行 */
white-space: nowrap; /* 强制不换行，都起作用 */ 

不换行，超出部分隐藏且以省略号形式出现

white-space: nowrap; 
overflow: hidden; 
text-overflow: ellipsis;

2行，不换行，超出部分隐藏且以省略号形式出现

overflow: hidden; 
text-overflow: ellipsis; 
display: -webkit-box; 
-webkit-line-clamp: 2; 
-webkit-box-orient: vertical; 

 

二、定位

position: relative;
position: absolute;

相对于浏览器定位

position: fixed;

 

三、图片

定位图片

background-image:url('bgimage.gif');
background-repeat:no-repeat;
background-position:center center;
background-size: 80px 80px;

图片尺寸

background-size:cover; /* 填充 */
background-size:contain; /* 最大尺寸 */