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

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

關于塊狀元素div，包裹塊狀元素的問題

如代碼所示，塊狀元素div包裹塊狀元素a，應該是div設置了a整個元素在一整行居中的，就是這個寬30的背景顏色在一整行居中的，為什么效果卻是靠左？

如果div不是保證a整個元素居中，只是保證文字居中，而此處不具有優先級，那么可以解釋。但是如果是這樣，那么為什么a改為display:inline-block;之后，div卻能保證a整個元素在一行居中呢？

不知道有沒有人明白我的意思，求指點，謝謝

正在回答

3 回答

我的理解是因為text-align針對line屬性的，而對block屬性不起作用

我就這么理解吧

block只是使元素變為一整塊

line是是元素具有水平位置屬性

因為我把你代碼中display:block;改為display:line;他也居中了

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

慕勒3175023

哦，剛又看了新一節，發現block是占據整行的，不存在居不居中的問題，之所以看起來是在左邊，其實是因為限制了塊的大小，其實它還是占據了整行的，只是改了大小后你只能看見它左邊實際大小的一部分，右邊的空白應該都是margin
2016-07-28 回復 有任何疑惑可以回復我~
#2

qq_夜深了飛_03660042 提問者 回復 慕勒3175023

嗯，應該是的，因為block是占據一整行的，不存在居中不居中的問題
2016-07-28 回復 有任何疑惑可以回復我~

我理解的居中都是針對block的。對于div，因為div是占據一整行的block，所以我們看到的居中就是在一行里居中，其實就是在div的block里居中；而對于inline-block的a來說，它的block就是我們看到的粉色方塊，所以設置居中元素就是在這個粉色方塊里居中，因為它的block就這么大，它并不能占據一整行。

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

那怎么把兩個div放在同一行呢？不能用“display:inline-block;”嗎？

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

慕粉13167197305

講道理如果要求他們都是block的話應該做不到吧，因為block定義里講了每個block都要占據一整行，但如果把他們變成inline-block應該就可以做到了吧。
2016-08-01 回復 有任何疑惑可以回復我~
#2

qq_夜深了飛_03660042 提問者

把兩個div放在一行： 1,如果是<div><div></div></div>的模式，可以使用兩種方式:a.用div：inline-block，將內層的div轉變為內聯元素，因為內聯元素是不用占一行的，所以它可以跟外層div占同一行;b.使用層模型的絕對定位，為內層div設置一定寬度和高度，設置其為絕對定位，當然，外層div也需要被定位，但不一定是絕對定位。絕對定位的作用是將元素從文檔流中拖出來，使其相對于最接近的具有定位屬性的父包含塊具有絕對定位，如果不包含這樣的父包含塊則相對于body元素。
2016-08-01 回復 有任何疑惑可以回復我~
#3

qq_夜深了飛_03660042 提問者

2,如果是<div></div><div></div>的模式，可以使用浮動模型，float：left；兩個塊狀元素都需要設置為浮動，可以實現兩個div占同一行。 希望有所幫助
2016-08-01 回復 有任何疑惑可以回復我~
#4

qq_夜深了飛_03660042 提問者 回復 慕粉13167197305

可以的，你以后會學到
2016-08-01 回復 有任何疑惑可以回復我~
查看1條回復

舉報

0/150
提交
取消
初識HTML(5)+CSS(3)-升級版
  • 參與學習       1228743    人
  • 解答問題       19080    個

HTML(5)+CSS(3)基礎教程8小時帶領大家步步深入學習標簽用法和意義

進入課程

關于塊狀元素div，包裹塊狀元素的問題

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

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

 幫助反饋 APP下載

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

 公眾號

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