在css中,可以利用float屬性來設(shè)置div靠右顯示,該屬性用于定義元素在哪個方向浮動,當屬性的值為“right”時,元素向右浮動,也就是元素靠右顯示,語法為“div{float:right;}”。
本教程操作環(huán)境:windows10系統(tǒng)、css3&&html5版、dell g3電腦。
css中怎么設(shè)置div靠右顯示
在css中,可以使用float屬性實現(xiàn)div靠右排列。下面舉例講解css如何讓所有div靠右排列。
1、新建一個html文件,命名為test.html,用于講解css如何讓所有div靠右排列。在div內(nèi),再使用div創(chuàng)建三個模塊。設(shè)置div標簽的class屬性為mydiv。通過class設(shè)置div的樣式,定義它的寬度為400px,高度為200px,背景顏色為灰色。
2、在css標簽內(nèi),再通過class設(shè)置div內(nèi)的子div的樣式,設(shè)置它們的寬度為80,高度為80px,背景顏色為紅色,右邊距為10px,再將float屬性設(shè)置為right,實現(xiàn)div都靠右對齊。
在瀏覽器打開test.html文件,查看實現(xiàn)的效果。
總結(jié):
1、在div內(nèi),再使用div創(chuàng)建三個模塊,設(shè)置div標簽的class屬性為mydiv。
2、在css標簽內(nèi),通過class設(shè)置div的樣式,定義它的寬度為400px,高度為200px,背景顏色為灰色。
3、在css標簽內(nèi),再通過class設(shè)置div內(nèi)的子div的樣式,設(shè)置它們的寬度為80,高度為80px,背景顏色為紅色,右邊距為10px,再將float屬性設(shè)置為right,實現(xiàn)div都靠右對齊。
【推薦學習:javascript高級教程】