如何讓div中的圖片垂直居中對齊
如何讓div中的圖片垂直居中對齊
如果只能用圖片；分兩種情況。1.圖片寬高固定，這種情況很簡單。水平居中：就在圖片的css中加 dispaly：block；margin：0 auto。垂直居中：自己算出（div的高度-圖片的高度）/2，得到margin-top值即可。2.圖片高度未知，這個布局比較難實現。一般我是用js做的。水平居中：同上，在圖片的css中加 dispaly：block；margin：0 auto。垂直居中：用js算出（div的高度-圖片的高度）/2，得到margin-top值賦給它。曾經研究過網上的很多方法，個人覺得這個是最有效的了。
導讀如果只能用圖片；分兩種情況。1.圖片寬高固定，這種情況很簡單。水平居中：就在圖片的css中加 dispaly：block；margin：0 auto。垂直居中：自己算出（div的高度-圖片的高度）/2，得到margin-top值即可。2.圖片高度未知，這個布局比較難實現。一般我是用js做的。水平居中：同上，在圖片的css中加 dispaly：block；margin：0 auto。垂直居中：用js算出（div的高度-圖片的高度）/2，得到margin-top值賦給它。曾經研究過網上的很多方法，個人覺得這個是最有效的了。
圖片水平垂直居中情況很多，最簡單的辦法是吧圖片設置為背景，給背景設置background-position:center;如果只能用圖片分兩種情況：1.圖片寬高固定，這種情況很簡單。水平居中：就在圖片的css中加 dispaly:block;margin:0 auto;垂直居中：自己算出（div的高度-圖片的高度）/2，得到margin-top值即可。2.圖片高度未知，這個布局比較難實現。一般我是用js做的。水平居中：同上，在圖片的css中加 dispaly:block;margin:0 auto;垂直居中：用js算出（div的高度-圖片的高度）/2，得到margin-top值賦給它。曾經研究過網上的很多方法，個人覺得這個是最有效的了。
如何讓div中的圖片垂直居中對齊
如果只能用圖片；分兩種情況。1.圖片寬高固定，這種情況很簡單。水平居中：就在圖片的css中加 dispaly：block；margin：0 auto。垂直居中：自己算出（div的高度-圖片的高度）/2，得到margin-top值即可。2.圖片高度未知，這個布局比較難實現。一般我是用js做的。水平居中：同上，在圖片的css中加 dispaly：block；margin：0 auto。垂直居中：用js算出（div的高度-圖片的高度）/2，得到margin-top值賦給它。曾經研究過網上的很多方法，個人覺得這個是最有效的了。
為你推薦
綜合
