終完整代碼
3月1日
讀畢需時 1 分鐘
已更新:3月5日
要實現文字置中,我們只需要在 CSS 樣式中加入 text-align: center; 即可。
為了確保排版完美,我同時在代碼中加入了 width: 100%;,這能確保文字是在卡片的正中央對齊,而不是只在文字框的左側縮進。
關鍵調整說明:
font-style: normal;:這行會強制取消任何可能繼承到的斜體效果。
font-weight: bold;:這行會讓文字變粗。如果妳覺得太粗,也可以改成數字,例如 font-weight: 600;。
margin:0;:有時候 Wix 的內建 HTML 標籤(如 h2 或 p)會有預設的上下間距,加上這行可以讓妳在 Repeater 裡的排版更精準,不會被撐開。
斷開雲朵連結:再次提醒,這三個 Text 元件絕對不能連接 CMS 數據集,否則妳在編輯器介面設定的樣式會一直跳出來覆蓋代碼。
