CSS3中的新特性讓我們可以實(shí)現(xiàn)更加靈活的排版效果,有時(shí)候我們需要將段落的首行縮進(jìn),并讓段落居中顯示,這種效果其實(shí)非常簡(jiǎn)單,我們只需要使用CSS3的text-indent和text-align屬性就可以輕松實(shí)現(xiàn)。
p{ text-indent: 2em; text-align: center; }
代碼解釋:
text-indent: 2em;
這行代碼表示縮進(jìn)的距離為2個(gè)字符寬度,我們可以按照需要調(diào)整縮進(jìn)距離。
text-align: center;
這句話表示居中對(duì)齊段落,這個(gè)屬性不僅適用于文字,也適用于其他元素的整體居中對(duì)齊。
值得注意的是,我們需要將p標(biāo)簽的寬度設(shè)置為一定的值,否則會(huì)出現(xiàn)一些排版問題。
p{ width: 90%; text-indent: 2em; text-align: center; }
這個(gè)示例中,我們將p標(biāo)簽的寬度設(shè)置為90%,可以根據(jù)需求進(jìn)行調(diào)整。
總的來說,CSS3的首行縮進(jìn)和居中對(duì)齊非常容易實(shí)現(xiàn),只需要復(fù)制粘貼上面的代碼就可以了。