CSS 中有很多種方式可以讓文字在頁面中居中,下面我們來一一了解。
居中方法一:text-align:center; 代碼如下: { text-align:center; } 此方法適用于想要使一段文字在其所在的容器內水平居中,但垂直方向上并不居中時使用。例如,可以使用此方法將菜單放置在網頁頂部,或者將標題放在文章中央。 居中方法二:margin:auto; 代碼如下: { margin:auto; } 此方法適用于想要使容器及其中的文字同時在水平和垂直方向上居中時使用。例如,可以使用此方法將圖片或者視頻在容器中居中顯示。需要注意的是,此方法只適用于已知寬度和高度的塊級元素,并且需要為其設置寬度和高度。 居中方法三:line-height和height相等 代碼如下: { display:table-cell; height:100px; vertical-align:middle; } 此方法適用于想要使一行文字在其所在的容器內水平和垂直方向上居中時使用。需要將容器設置為table-cell類型,并且為其設置高度和垂直對齊方式。需要注意的是,此方法不能用于多行文字。 上述三種方法都可以使文字在頁面中居中。需要根據具體情況選擇相應的方法。希望讀者能從中有所收獲。
上一篇php 函數 教程