1. 程式人生 > >css關於控制div靠左或靠右的排版布局

css關於控制div靠左或靠右的排版布局

posit post val stat str end ron log bsp

關於控制div靠左或靠右的排版布局,我整理三種平時用到的css屬性小知識(元素模塊靠左或靠右排版):

1、float屬性(float 屬性定義元素在哪個方向浮動)

  值:left(元素向左浮動)、right(元素向右浮動)

2、position屬性(position屬性規定元素的定位類型)

  值:absolute(生成絕對定位的元素,相對於 static 定位以外的第一個父元素進行定位。元素的位置通過 "left","right"屬性進行規定。例:left:0,right:0);

    fixed(生成絕對定位的元素,相對於瀏覽器窗口進行定位。元素的位置通過 "left", "right"屬性進行規定。例:left:0,right:0);

3、align-self屬性(align-self 屬性定義flex子項單獨在側軸(縱軸)方向上的對齊方式。歸屬:flex布局,父級需添加display: flex;屬性

  值:flex-start(元素位於容器的開頭。);

    flex-end(元素位於容器的結尾。);

css關於控制div靠左或靠右的排版布局