注意：class只有高度寬度資訊方法1：該方法得知道居中元素的寬度
<
div
class=
"box"
style=
"position
: relative;"
>
<
div
class=
"sub-box"
style=
"position
: absolute
;top
: 50%;
margin-top:-
50px;"
>
div>
div>
方法2：該方法啥都不用知道
<
div
class=
"box"
style=
"position
: relative;"
>
<
div
class=
"sub-box"
style=
"position
: absolute
;top:0
;bottom:0
;left: 0
;right: 0
;margin
: auto 0"
>
div>
div>
方法3：該方法需要套多乙個額外的div，且這個div的高度跟居中元素的高度一致
<
div
class=
"box"
style=
"position
: relative;"
>
<
div
class=
"sub-box"
style=
"position
: relative
;top
: 50%;
">
<
div
class=
"sub-box"
style=
"position
: absolute
;top: -
50%;"
>
div>
div>
div>
<
div
class=
"box"
>
<
div
class=
"sub-box"
style=
"margin
: 0
auto;"
>
div>
div>
<
style
type=
"text/css"
>
.clearfix
:after
.clearfix
style
>
<
div
class=
"box"
style=
"display
:table-cell
;text-align
:center
;vertical-align
:middle;"
>
<
img
src=
"" alt=
"" style=
"vertical-align
:middle;"
/>
div>
css 常用樣式
css 說的通俗一點就是 給標籤加樣式的。什麼玩意是樣式呢。你們可以理解為人穿的衣服，化妝之類的修飾，讓自己的寫的標籤變的好看一點 那麼這個css 怎麼加到對應的標籤上面去呢 有3種方法 分別是 外部樣式 內頁樣式 行內樣式。那麼這個css 怎麼加到對應的標籤上面去呢 有3種方法 分別是 外部樣式 ...
css常用樣式
格式調整 標籤的位置調整 text align center 絕對元素生成 position absolute margin right 微調上下左右 浮動 float 上下左右 width 寬 height 高 樣式調整 字型粗細 font weight size 字型格式 text decora...
CSS常用樣式
img box imgparentelement childelementfilter alpha opacity 60 filter progid dximagetransform.microsoft.gradient startcolorstr red,endcolorstr blue,grad...