我是學習網絡開發的新手，并且有一個關于如何將項目置于 div 中心的問題。我想知道為什么我們設置“text-align:center”來將 div 中的所有 a-tag 項目居中，而不是在標簽中設置 text-align ？<div> <a href="">ONE</a> <a href="">TWO</a> <a href="">THREE</a> <a href="">FOUR</a> <a href="">FIVE</a></div>* { margin: 0; padding: 0; box-sizing:border-box;}div { background-color: #ffa; text-align:center; //correct one}div a { padding: 10px; border: 1px #aaa solid; font-size: 1.5em; display:inline-block; text-align:center; // wrong one}
4 回答
一只斗牛犬
TA貢獻1784條經驗 獲得超2個贊
正如塞繆爾指出的，您首先需要關閉您的 div。除此之外，標簽display的默認屬性是。因此，您的代碼會將它們排列起來，并將它們置于父 div 的中心。<a>inline
如果你想將它們堆疊起來，你需要設置display:block.
請注意，默認情況下寬度將為父 div 的 100%。margin:auto如果您不希望這些<a>標簽從父級的左側移動到右側，請設置特定的寬度。
請參閱此處的所有示例：https ://jsfiddle.net/82hnvpg9/
順便說一句，//這不是向 CSS 添加注釋的正確方法。/* Comment */代替使用。
哈士奇WWW
TA貢獻1799條經驗 獲得超6個贊
沒有 p 標簽。所以我認為你可以使用 div 標簽。如果你想讓p標簽居中，你必須調整style屬性
display: inline-block
或者
display:inline
因為p標簽是一個塊元素。基本上，所有塊元素都有父元素的寬度。所以你不能讓“100%寬度”元素居中。
拉丁的傳說
TA貢獻1789條經驗 獲得超8個贊
艾米，原因是因為您的鏈接中沒有包含文本的 p 標簽。這意味著即使您要包含 text-align: center; 作為 p 標簽的樣式，它不適用于該文本。
富國滬深
TA貢獻1790條經驗 獲得超9個贊
首先，<p>中沒有標簽，<div>因此 div p { } 的 CSS 不起作用?，F在，如果您使用：
div **a** {
padding: 10px;
border: 1px #aaa solid;
font-size: 1.5em;
display: inline-block;
text-align: center;
}
它會將 CSS 應用于您的 HTML，但是，它仍然不會將 div 中的項目居中 - 它只會將元素內的文本居中<a>。這就是為什么為了將容器內的項目居中，您可以將 text-align: center 應用到父級<div>：
div {
background-color: #ffa;
text-align: center;
}
- 4 回答
- 0 關注
- 197 瀏覽
添加回答
舉報
0/150
提交
取消