在web前端開發中,居中是一個非常重要的問題,而在CSS中實現兩行居中也是一個值得探討的話題。
第一行文本
第二行文本
以上代碼中,我們首先使用了一個div元素來包裹兩行文本。在樣式中,我們給這個div添加了一些flexbox的屬性。其中display: flex讓div變成了一個彈性盒子,justify-content: center讓兩行文本在水平方向上居中,align-items: center讓兩行文本在垂直方向上居中,flex-direction: column則讓兩行文本在垂直方向上排列。
最后,我們將兩行文本的text-align屬性設置為center,讓它們在水平方向上居中。