DIV CSS 佈局教程網

1 清除浮動

1. .clear{clear:both;line-height:0;font-size:0;} 

 

2 設置不讓單詞斷開

1. word-break : keep-all 

 

3 字符自動換行

1. word-break:keep-all;word-break:break-all;word-wrap:break-word 

 

4  line-height 居中 line-height:24px; 使用固定寬度的容器並且需要一行垂直居中時，使用 line-height 即可（高度與父層容器一致）

 

5  清除容器浮動

1. overflow:hidden;clear:both;zoom:1 

 

 

6  img {vertical-align:middle;}, 圖片文字行內居中

 

7  濾鏡寫法

filter:alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5;

 

常用的一些css寫法，寫出來分享下，很簡單， 但基礎很重要，理解含義，復雜的東西不過也是在基礎上發展而來而已，學會基本的概念，div+css網頁制作會變的很簡單。