HTML5與CSS是網頁設計中的兩個基本元素，如何正確設置對齊是網頁布局的重要環節之一。下面是幾種常見的HTML5和CSS設置對齊的方式。 1. 文本居中對齊 使用CSS中的text-align屬性可以將文本進行居中對齊。例如： p{ text-align: center; } 此時p標簽內的文本將在該元素內居中對齊。 2. 元素居中對齊 使用CSS中的margin屬性可以將一個元素相對于其父元素進行居中對齊。例如： div{ width: 200px; height: 200px; margin: auto; } 此時該div元素的寬度和高度為200像素，而margin屬性值為auto，則該元素在父元素中水平和垂直方向均居中對齊。 3. 文本垂直對齊 可以使用CSS中的vertical-align屬性對文本進行垂直對齊。例如： p{ vertical-align: middle; } 此時p標簽內的文本將在垂直方向居中對齊。 4. 元素垂直對齊 使用CSS中的position屬性可以將一個元素相對于其父元素進行垂直對齊。例如： div{ position: relative; top: 50%; transform: translateY(-50%); } 此時該div元素相對于父元素上移了50%，再通過CSS3中的transform屬性讓該元素沿垂直方向上移50%。 以上就是幾種HTML5和CSS設置對齊的方式，希望對網頁設計者有所幫助。