在CSS語言中,我們通常使用float屬性來控制元素的左右位置,同時也可以使用text-align屬性來控制元素內部內容的左右位置。
/* 左浮動 */ .left { float: left; } /* 右浮動 */ .right { float: right; } /* 居中 */ .center { margin-left: auto; margin-right: auto; display: block; } /* 左對齊 */ .left-align { text-align: left; } /* 右對齊 */ .right-align { text-align: right; } /* 居中對齊 */ .center-align { text-align: center; }
上述代碼中,我們可以使用float屬性來使元素左浮動或右浮動,從而實現左中右的布局效果。同時,在元素內部,我們使用text-align屬性可以控制元素內部內容的對齊方式。上述代碼展示了如何讓元素左對齊、右對齊或居中對齊。
上一篇純css 對聯廣告