HTML5和CSS提供了許多設(shè)置對(duì)齊方式的方法。無論是水平對(duì)齊還是垂直對(duì)齊，您都可以使用各種技術(shù)來讓您的網(wǎng)頁內(nèi)容看起來更加漂亮。 一、水平對(duì)齊 在HTML5中，您可以使用text-align屬性來水平對(duì)齊文本。該屬性有以下取值： 1. left：左對(duì)齊 2. right：右對(duì)齊 3. center：居中對(duì)齊 例如，以下代碼將文本居中對(duì)齊：

<style>
p {
text-align: center;
}
</style>
<p>這段文字將居中對(duì)齊</p>

二、垂直對(duì)齊 在HTML5中，您可以使用vertical-align屬性來垂直對(duì)齊內(nèi)容。在設(shè)置該屬性時(shí)，需要使用display:table的元素或display:inline-block的元素。vertical-align的取值包括： 1. top：頂部對(duì)齊 2. middle：垂直居中對(duì)齊 3. bottom：底部對(duì)齊 例如，以下代碼將一張圖片垂直居中對(duì)齊：

<style>
.container {
display: table;
}
img {
display: table-cell;
vertical-align: middle;
}
</style>
<div class="container">
<img src="example.jpg" alt="例子圖片">
</div>

三、浮動(dòng) 在HTML5和CSS中，您可以使用浮動(dòng)（float）屬性來對(duì)齊元素。浮動(dòng)可以讓元素沿著頁面的左側(cè)或右側(cè)移動(dòng)，并讓頁面內(nèi)容環(huán)繞在該元素周圍。以下是浮動(dòng)左側(cè)的例子：

<style>
img {
float: left;
margin: 10px;
}
</style>
<p>這里是一段文字，圖片將浮動(dòng)在左側(cè)。</p>
<img src="example.jpg" alt="例子圖片">

以上是設(shè)置對(duì)齊方式的一些簡(jiǎn)單方法，您可以根據(jù)需要使用這些方法來改善自己的網(wǎng)頁。