CSS技巧学习总结
div自身居中
使用margin:0 auto
上下為0，左右自適應的css樣式。
要讓div水平居中，那么除了設置css margin:0 auto外，還不能再設置float，不然將會導致div靠左（設置float:left）和div靠右（設置float:right）。
========
div內的內容居中
內容居中分為div內容水平居中與div內容垂直居中。
div內容居中，只需要設置一個內容居中css（text-align:center）、內容垂直居中（line-height）即可。
1、div內容水平居中
CSS：
text-align:center
無論是p還是div都可以對其設置此CSS實現對應對象內的內容水平居中。
2、div內容垂直居中?
行高屬性：
line-height
要讓div內只有一行的內容垂直居中，通常對div設置的height(高)與line-height(行高)相同，即可實現div內容垂直居中。
========
css怎么讓div在div中居中
讓div在div中居中，需要居中的div設置margin:0 atuo即可（當然也不要設置float）。
========
使用CSS如何讓兩個div并排顯示
默認情況下DIV是獨占一排的，DIV不設置任何CSS樣式，這個DIV盒子都會獨占一行自動換行。
使用CSS讓兩個DIV并排顯示，排成一排顯示常見方法有兩種：
1、使用display:inline
2、使用float
一、使用display:inline
對div設置display:inline即可實現div不換行，而是并排顯示，不會獨占一排。
示范代碼：
<style>?
div{ display:inline}?
</style>?
?......
<body>?
<div>內容1；內容1；</div>?
<div>內容2；內容2；</div>?
</body>?
使用display:inline，其實是去掉了div默認display:block（塊 獨占一行 對象換行）屬性。
二、css 浮動 float讓兩個div并排顯示
float:left或float:right，靠左和靠右可以讓DIV失去默認獨占一行屬性，所以使用float可以讓div并排顯示。
示例代碼
<style>?
div{ float:left}?
</style>?
<body>?
<div>內容1；內容1；</div>?
<div>內容2；內容2；</div>?
</body>?
三、div并排總結
div并排很多時候用到，比如左右結構DIV布局，一般采用float設置靠左和靠右，如果多個DIV并排而不使用float，可以采用display:inline實現div不換行。
========
讓文字不超過固定寬度和高度
在制作DIV+CSS頁面時候，會遇到文字超出固定的高度，內容溢出。
設置類如：.STYLE1 { width:150px; height:80px;color: #000000; border:1px solid #FF0000;}，文字不知道需要多少個文字才剛好不超過設置的紅色邊框，結果文字或圖片大了就超過設置的BOX（CSS盒子）高和寬。
解決讓文字不超出CSS盒子的固定高寬，只需要在此CSS類加入overflow:hidden;樣式即可，加入后CSS類：.STYLE1 { width:150px; height:80px;color: #000000; border:1px solid #FF0000;overflow:hidden;}
這樣文字就將不會溢出超出設置固定的高和寬區。
Overflow是檢索或設置當對象的內容超過其指定高度及寬度時如何管理內容。
Overflow語法：?
overflow : visible | auto | hidden | scroll
Overflow參數：?
visible : 不剪切內容也不添加滾動條。假如顯式聲明此默認值，對象將被剪切為包含對象的window或frame的大小。并且clip屬性設置將失效
auto : 此為body對象和textarea的默認值。在需要時剪切內容并添加滾動條
hidden : 不顯示超過對象尺寸的內容
scroll : 總是顯示滾動條
========
?
總結
- 上一篇： 使用纯 Win32 API 编程实现Wi
- 下一篇： 超图桌面版下载、安装、使用入门