-
vertical-align屬性：用于設置文本內容的垂直方向的對齊方式，
*top：頂部對齊；
*middle：居中對齊；
*bottom：底部對齊；
display:
*table:設置當前元素為<table>元素；
*table-cell:設置當前元素為<td>元素（單元格）
查看全部 -
實現不定寬塊狀元素水平居中的方法：
通過給父元素設置float:left然后父元素設置position:relative;left:50%，子元素設置position:relative；left:-50%來實現水平居中。
把元素放在表格單元里，給元素外面套一層<table>...</table>，利用表格不定義寬度時不自動設置成body元素寬度，而是由內容撐開的特性，給table標簽設置margin:0 auto;實現水平居中。
查看全部 -
transform屬性向元素應用 2D 或 3D 轉換。該屬性允許我們對元素進行旋轉、縮放、移動或傾斜。是css3里的屬性。
transform:translateX();定義X軸的偏移量，正值向右偏移，負值向左偏移。
查看全部 -
使元素脫離文檔流的三種方法：
讓元素浮動float:left/right;
給元素添加絕對定位屬性position:absolute;
給元素添加固定定位屬性position:fixed;
這三種方法使元素脫離了文檔流，會導致margin屬性的值無效
查看全部 -
優點：
????瀏覽器兼容性好，因為他屬生CSS2的內容
缺點：
????text-align屬性具有繼承性，導致子級元素的文本也是居中顯示的
查看全部 -
inlinke-block+text-algin屬性配合使用
table+margin屬性配合使用
absolute+transform屬性配合使用
查看全部 -
三種布局實現方式
inline-block + text-align
table + margin
absolute + transform
查看全部 -
兩列布局
解釋：一列定寬，一列自適應
實現方式：
?float +?margin?屬性配合使用
float +?overflow?屬性配合使用
display屬性的table相關值使用
查看全部 -
多列布局的分類
?兩列布局
三列布局
圣杯布局與雙飛翼布局
等分布局
等高布局
css3?多列布局
查看全部 -
居中布局實現方式
table +?margin?實現水平方向居中 ，?table-cell +?vertical-align?實現垂直方向居中
absolute +?transform?實現水平方向和垂直方向居中
查看全部 -
垂直居中布局實現方式
?table-cell +?vertical-align?屬性配合使用
absolute +?transform?屬性配合使用
查看全部 -
?lnline-block +?text-algin?屬性配合使用
table +?margin?屬性配合使用
absolute +?transform?屬性配合使用
使用以上三種方式可以實現水平布局
查看全部 -
圣杯布局：定、自適應、定
div:浮動的div要放在前邊，沒浮動的div才能不獨占一行
left
right
enter
css:
left:左浮動
right：右浮動
center：設定左右margin
查看全部 -
兩列、三列布局
1、瀏覽器兼容好，但需要根據寬度進行調整（耦合性低）
.left{float:left；}
.right{margin-left:left的寬度；}
2、兼容好，overflow隱藏后無法解決不隱藏的子級
.left{float:left；}
.right{overflow:hidden；}
3、table使用后需要對表格默認的相關屬性進行調整
父元素{display：table；table-layout:fixed；}
left，right{display：table-cell；}查看全部 -
兩列布局核心代碼
查看全部
舉報
