我是初學者，但通常我會以某種方式找到解決問題的方法。但這次不是。我設法撰寫了一個框：在框的中心有文本“#01 Grunderna”。這個盒子看起來不錯。
#01 格蘭德納但是，當框中間的文本較長如“#02 Profil & Scensamlingar”時，文本會覆寫框。此外，文本沒有垂直居中。
#02 輪廓和掃描有沒有辦法可以調整這個？我嘗試使用 font-size 但它仍然覆寫了盒子，它仍然沒有調整到中間并且行之間的空間保持不變。
對不起，我缺乏知識。得到一些幫助會很棒。
順便說一句：在這里你可以看到混亂
在此處輸入影像描述
uj5u.com熱心網友回復：
padding: 1rem 1rem;從中洗掉 css 規則.home-service a。并添加以下css規則：
.home-service {
display: flex;
align-items: center;
justify-content: center;
}
這些框中的鏈接將垂直和水平對齊。
如果您使用的是引導程式，則可以使用它提供的類。檢查此頁面：https ://getbootstrap.com/docs/5.0/utilities/flex/特別是“對齊內容”和“對齊專案”部分。如果您想深入了解 flex 在 css 中的作業原理，請查看此鏈接https://css-tricks.com/snippets/css/a-guide-to-flexbox/ ，然后將其添加為書簽以備將來使用:)
uj5u.com熱心網友回復：
非常感謝您解決了我的問題。這就像魔術:) 你應該看到我的微笑！
無論如何，我在自定義主題部分中將其添加為附加 css，因為我還沒有在主題編輯器中找到它。我想最好完全按照您在主題編輯器中提到的那樣進行更改，還是沒關系？
轉載請註明出處，本文鏈接：https://www.uj5u.com/qita/488707.html