現在，下面的 HTML 與頁面的左側對齊。我們可以對齊到頁面的中心嗎
<span class="center"> <u>Weekly : 392K</u> </span>, <span class="center"> Monthly : 408K </span>, <span class="center"> Yearly : 605.6K </span>
uj5u.com熱心網友回復：
這不起作用，因為 span 元素display: inline對它們有一個屬性，使用 ap 標簽或應用display: block到它。
uj5u.com熱心網友回復：
選項 a：在 CSS中心使用一段display: flex;時間。這將是一種方法。justify-content: center;class
.center {
display: flex;
justify-content: center;
}<span class="center"> <u>Weekly : 392K</u> </span> <span class="center"> Monthly : 408K </span> <span class="center"> Yearly : 605.6K </span>選項b：我會這樣做。與其將一個單獨
class放在所有跨度上，為什么不將它們包含在一個 div 中并使用一個類？只需定義width to 100%，那么您所要做的就是text-align: center;
.container {
width: 100%;
text-align: center;
}<div class="container">
<span><u>Weekly : 392K</u></span>
<span>Monthly : 408K</span>
<span>Yearly : 605.6K</span>
</div>此外 - 您不必使用逗號來分隔您的跨度。如果您不希望他們中斷并在自己的行上，您可以使用<br>which 在每個跨度后中斷行。
轉載請註明出處，本文鏈接：https://www.uj5u.com/shujuku/329257.html
標籤：html