CSS一行字居中是前端開發(fā)中經(jīng)常用到的樣式之一,可以讓文字或者其他內(nèi)容在一行中居中顯示。下面我們來介紹一些實現(xiàn)方式。
text-align: center;
最簡單的方式就是使用text-align屬性,將其設(shè)置為center即可實現(xiàn)一行文字居中。
display: flex; justify-content: center; align-items: center;
使用flex布局也是一種實現(xiàn)方式,將父元素設(shè)置為flex布局,再設(shè)置justify-content和align-items屬性均為center,即可實現(xiàn)一行文字居中。
display: inline-block; text-align: center; vertical-align: middle;
將文字包裹在一個display屬性為inline-block的元素中,設(shè)置其text-align為center,再在父元素中設(shè)置vertical-align屬性為middle,即可使一行文字居中。
以上是三種常用的實現(xiàn)方式,根據(jù)不同的需求選擇不同的方式即可。