課程
/前端開發
/HTML/CSS
/初識HTML(5)+CSS(3)-升級版
我不太明白水平居中到底是什么效果,因為我看圖片的區域1并沒有居中啊
2015-12-30
源自:初識HTML(5)+CSS(3)-升級版 15-2
正在回答
大哥,你少了“text-align:center;”
那是因為你屏幕小 看不太出來
這里指的是所在的div相對于父元素水平居中,全屏就可以看到邊框是水平居中的,相對于body元素。
要div里的文本水平居中,加上?text-align: center;即可,如
<!DOCTYPE?HTML> <html> <head> <meta?http-equiv="Content-Type"?content="text/html;?charset=utf-8"> <title>定寬塊狀元素水平居中</title> <style> div{ ????border:1px?solid?red; height:200px; width:500px; margin:20px?auto; ????text-align:?center; } </style> </head> <body> <div>我是定寬塊狀元素,我要水平居中。</div> </body> </html>
水平居中就是塊左右兩邊的距離是一樣。執行結果的的右上角不是有一個可以展開的按鈕,你點開看看就知道了,不然你用瀏覽器看,就知道了
舉報
HTML(5)+CSS(3)基礎教程8小時帶領大家步步深入學習標簽用法和意義
2 回答什么是水平居中?
1 回答水平居中-
1 回答怎么讓水平居中的div中的文字也水平居中?
3 回答設置水平居中
3 回答水平居中問題
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2016-02-01
大哥,你少了“text-align:center;”
2015-12-31
那是因為你屏幕小 看不太出來
2015-12-30
這里指的是所在的div相對于父元素水平居中,全屏就可以看到邊框是水平居中的,相對于body元素。
要div里的文本水平居中,加上?text-align: center;即可,如
2015-12-30
水平居中就是塊左右兩邊的距離是一樣。執行結果的的右上角不是有一個可以展開的按鈕,你點開看看就知道了,不然你用瀏覽器看,就知道了