課程
/前端開發
/HTML/CSS
/初識HTML(5)+CSS(3)-升級版
怎么讓邊框里面的內容居中。
2016-09-04
源自:初識HTML(5)+CSS(3)-升級版 12-13
正在回答
??? <div id="box1">box1</div>??? <div id="box2">box2</div>??
你是指這兩個元素要在塊級盒內居中嗎?
<!DOCTYPE HTML><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title>邊距</title><style type="text/css">div{??? width:300px;??? height:300px;?border:1px solid red;??? text-align:center;/**水平居中在這里**/?line-height:300px;/**垂直居中在這里,水平居中比較容易,垂直居中還有一個辦法就是把div都加上table也可以,具體操作可以看15-8**/}
</style></head><body>??? <div id="box1">box1</div>??? <div id="box2">box2</div>?? </body></html>
同問。
舉報
HTML(5)+CSS(3)基礎教程8小時帶領大家步步深入學習標簽用法和意義
3 回答怎么讓邊框隨盒子內容多少變化
2 回答邊框里 的內容怎么調整位置
5 回答盒子中的內容怎么超出了外邊框
3 回答把內聯元素轉為塊元素之后怎么讓里面的內容上下左右居中顯示
1 回答元素內容和邊框的距離怎么更短
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2016-09-04
??? <div id="box1">box1</div>
??? <div id="box2">box2</div>??
你是指這兩個元素要在塊級盒內居中嗎?
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>邊距</title>
<style type="text/css">
div{
??? width:300px;
??? height:300px;
?border:1px solid red;
??? text-align:center;/**水平居中在這里**/
?line-height:300px;/**垂直居中在這里,水平居中比較容易,垂直居中還有一個辦法就是把div都加上table也可以,具體操作可以看15-8**/
}
</style>
</head>
<body>
??? <div id="box1">box1</div>
??? <div id="box2">box2</div>??
</body>
</html>
2016-09-04
同問。