html：
<div
id="parent"
>
<
div
id="child"
>text here
div>
div>
css：
#child
html：
<div
id="parent"
>
<
img
src="image.png"
alt=""
/>
div>
css：
#parent #parent img
適用：通用
html：
<div
id="parent"
>
<
div
id="child"
>content here
div>
div>
css：
#parent #child
低版本 ie fix bug：
#child
適用：塊級元素
html：
<div
id="parent"
>
<
div
id="child"
>content here
div>
div>
css：
#parent #child
適用：通用，但在ie版本低於7時不能正常工作
html：
<div
id="parent"
>
<
div
id="child"
>content here
div>
div>
css：
#parent #child
適用：通用
html：
<div
id="parent"
>
<
div
id="child"
>content here
div>
div>
css：
#parent #child
適用：通用
html：
<div
id="parent"
>
<
div
id="floater"
>
div>
<
div
id="child"
>content here
div>
div>
css：
#parent #floater #child
1、flex彈性盒子布局
.ele
2、display的table-cell
.box
3、同一行的和文字垂直居中 ：
b、如果小圖示有事件觸發時，就無法使用 padding 背景，這種方式去居中。我們只能用img標籤進行渲染這個。
<div
class
="a"
>
<
img
src="images/a.png"
>
<
p>幹活呢
p>
div>
.a img .a p
參考 **：
css 水平居中 垂直居中 水平垂直居中
一 水平居中 1 行內元素水平居中text align center 2 塊級元素水平居中margin 0 auto 3 多個塊狀元素的水平居中 實現多個水平排列的塊狀元素的水平居中，是將要水平排列的塊狀元素設為display inline block，然後在父級元素上設定text align ce...
css水平居中 垂直居中 水平垂直居中
css水平居中 垂直居中 水平垂直居中 水平居中 行內元素 block text align 塊級元素 方案一 分寬度定不定兩種情況 定寬度 margin 0 auto 作用 使盒子自己居中，意思是上下距離為0，auto就是左右自適應兩邊距離 不定寬度 設定子元素display inline blo...
css 垂直居中
先膜拜一下鏈結裡的人。1.這個方法把一些 div 的顯示方式設定為 因此我們可以使用 的 vertical align property 屬性。divid divid cell divclass content content goes herediv div div cell 2.這個方法使用絕對...