首頁猿問 CSS居中-------

CSS居中-------

Bootstrap CSS3 Html/CSS

慕運(yùn)維6514616 2016-10-09 14:26:50

第二個(gè)塊我也設(shè)置了寬度，為什么不會(huì)居中呢？但如果將其中的<img>換成<div>，效果和第一個(gè)塊就一樣了。如果想要將這個(gè)圖片居中設(shè)置，有什么讓標(biāo)簽盡量少、樣式盡可能簡(jiǎn)單的辦法呢？<div?class="container"> ????<div?class="col-md-6"> ???? ????</div> ???? ????<div?class="col-md-6"> ????????<img?src="i.jpg"?style="margin:0px?auto"> ????</div> </div> 在這個(gè)里面，圖片也是不會(huì)居中的，這里要怎么設(shè)置？

查看完整描述

4 回答

已采納

元歌

TA貢獻(xiàn)7條經(jīng)驗(yàn) 獲得超2個(gè)贊

設(shè)置img{display:block;width:300px;height:200px;margin:0 auto;}就可以達(dá)到居中的效果。把img變?yōu)閴K元素即可

1 反對(duì) 回復(fù) 2016-10-09

慕運(yùn)維6514616
謝謝，正解

回復(fù) 2016-10-09

一瞬兒光

TA貢獻(xiàn)178條經(jīng)驗(yàn) 獲得超70個(gè)贊

img{
????position:absolute;
????top:200px;
????left?:?calc(50%?-?75px);
}

1 反對(duì) 回復(fù) 2016-10-09

慕運(yùn)維6514616
不能用絕對(duì)定位，一定位下面整個(gè)布局全亂了

回復(fù) 2016-10-09
一瞬兒光
給這個(gè)圖片外加一層div就可以了，定位就只針對(duì)div內(nèi)部生效

回復(fù) 2016-10-10

馬小路

TA貢獻(xiàn)2條經(jīng)驗(yàn) 獲得超7個(gè)贊

img是內(nèi)聯(lián)元素，display默認(rèn)是inline，你得定義display:block;才可以。將img替換成div就可以是因?yàn)閐iv是塊級(jí)元素。

反對(duì) 回復(fù) 2016-10-11

4 回答
1 關(guān)注
2406 瀏覽

關(guān)注

第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

CSS居中-------

CSS居中-------

4 回答

相關(guān)問題推薦

添加回答

第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

熱搜

最近搜索清空

CSS居中-------

CSS居中-------

4 回答

相關(guān)問題推薦

添加回答