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