HTML5 設(shè)置劇中
想要讓網(wǎng)頁(yè)上的文本及圖片居中顯示,HTML5 提供了兩種方式 —— 使用 CSS 樣式或 HTML 標(biāo)簽。
方法一:使用 CSS 樣式
我們可以使用 CSS 樣式中的 text-align 屬性來(lái)設(shè)置文本及圖片水平居中。
<style> p { text-align: center; } </style> <p>這是一個(gè)居中顯示的段落</p>以上代碼中,<style> 標(biāo)簽中的 text-align 屬性將居中顯示應(yīng)用于 <p> 標(biāo)簽內(nèi)的文本。因此,段落中的文字將在水平居中位置顯示。 方法二:使用 HTML 標(biāo)簽 我們可以使用 HTML5 中新增的 <center> 標(biāo)簽來(lái)實(shí)現(xiàn)文本及圖片的居中顯示。
<center> <p>這是一個(gè)居中顯示的段落</p> </center>以上代碼中,<center> 標(biāo)簽包含了 <p> 標(biāo)簽,將 <p> 標(biāo)簽內(nèi)的文本在水平和垂直居中位置顯示。 需要注意的是,雖然 <center> 標(biāo)簽是 HTML5 中新增的標(biāo)簽,但是它并不符合 W3C 標(biāo)準(zhǔn),并且在 HTML5 的嚴(yán)格解析模式(strict mode)下不能使用。 總之,通過(guò)以上兩種方法,我們可以輕松實(shí)現(xiàn)文本及圖片的居中顯示效果。