亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定

為什么設置上下左右padding都一樣時候內容不居中???

<!DOCTYPE HTML>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312">

<title>填充</title>

<style type="text/css">

#box1{

? ??

? ? padding:10px 10px;

? ? border:1px solid red;

}

</style>

</head>

<body>

<div id="box1">盒子1def</div>

</body>

</html>


正在回答

1 回答

塊級元素寬度是100%,獨占一行,這里沒指定div的寬度。而且padding是指內邊距。

0 回復 有任何疑惑可以回復我~
#1

xiyou123

內邊距不就是內容(盒子1)到border的距離嗎??為什么不是10px呢? 既然設置了,就該一樣????
2015-06-10 回復 有任何疑惑可以回復我~
#2

Perona 回復 xiyou123

是一樣啊。不過盒子里面的內容并沒有達到盒子的寬度和高度,所以沒看出來。你可以用火狐調試下就知道了。而且邊距默認是先設置上邊和左邊,這跟瀏覽器的渲染有關,瀏覽器的渲染是自上而下的。
2015-06-10 回復 有任何疑惑可以回復我~
#3

zning02 回復 Perona

為什么教程里面的盒子寫好內容之后依然在同一行呢,不會居中
2015-08-06 回復 有任何疑惑可以回復我~
#4

Perona 回復 zning02

因為盒子里面的內容并沒有達到盒子的寬度和高度。它先滿足左內邊距和上內邊距。居中不是這樣設置的。加油學吧,后面會學到居中滴~~
2015-08-06 回復 有任何疑惑可以回復我~
查看1條回復

舉報

0/150
提交
取消

為什么設置上下左右padding都一樣時候內容不居中???

我要回答 關注問題
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號