課程
/前端開發(fā)
/HTML/CSS
/初識HTML(5)+CSS(3)-升級版
怎么才能居中
2018-03-29
源自:初識HTML(5)+CSS(3)-升級版 1-2
正在回答
<style type="text/css">
樣式名稱{
text-align: center;
}
水平居中
利用margin: 0 auto實現(xiàn)圖片居中就是在圖片上加上css樣式margin: 0 auto 如下:
<div?style="text-align:?center;?width:?500px;?border:?green?solid?1px;"><img?alt=""?src="https://www.baidu.com/img/baidu_jgylogo3.gif"?style="margin:?0?auto;"?/></div>
代碼如下:
<div?style="text-align:?center;?width:?500px;?border:?green?solid?1px;"><img?alt=""?src="https://www.baidu.com/img/baidu_jgylogo3.gif"?style="display:?inline-block;"?/></div>
在</title>后面加入
? ? ? ? p{
? ? ? ? ? ?text-align:center;? ? ? ??
? ? ? ? ?} ??
</style>
align=center
text-align:center;
對于需要居中的地方:比如 div{text-align:center;}
div{text-align:center;}
<div>內(nèi)容</div>
善用百度
舉報
HTML(5)+CSS(3)基礎(chǔ)教程8小時帶領(lǐng)大家步步深入學習標簽用法和意義
6 回答為什么text-align:center不能居中了
3 回答為什么新建一個div2居中不了?
4 回答Ol居中顯示為什么數(shù)字不居中。改了塊級就居中了。是OL不是塊級元素問題嗎?
1 回答為什么我的box4不能居中
4 回答關(guān)于為什么不居中的問題
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網(wǎng)安備11010802030151號
購課補貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網(wǎng)APP您的移動學習伙伴
掃描二維碼關(guān)注慕課網(wǎng)微信公眾號
2018-03-29
<style type="text/css">
樣式名稱{
text-align: center;
}
2018-03-29
水平居中
利用margin: 0 auto實現(xiàn)圖片水平居中
利用margin: 0 auto實現(xiàn)圖片居中就是在圖片上加上css樣式margin: 0 auto 如下:
2.利用文本的水平居中屬性text-align: center
代碼如下:
2018-03-29
在</title>后面加入
<style type="text/css">
? ? ? ? p{
? ? ? ? ? ?text-align:center;? ? ? ??
? ? ? ? ?} ??
</style>
2018-03-29
align=center
2018-03-29
text-align:center;
2018-03-29
對于需要居中的地方:比如 div{text-align:center;}
2018-03-29
div{text-align:center;}
<div>內(nèi)容</div>
2018-03-29
text-align:center;
善用百度