-
justify-content: flex-start | flex-end | center | space-between | space-around;
辯證內容 彎曲起點 彎曲終點 居中 以分隔排列 以環繞排列flex-start 左對齊
lex-end 右對齊
space-between?兩端對齊,項目之間的間隔都相等
space-around 每個項目兩側的間隔相等
查看全部 -
1、設置display: flex屬性可以把塊級元素在一排顯示。
2、flex需要添加在父元素上,改變子元素的排列順序。
3、默認為從左往右依次排列,且和父元素左邊沒有間隙。
查看全部 -
父元素相對定位,子元素絕對定位,是以父元素作為參考對象
查看全部 -
position:fixed;固定定位
坐標是視圖(屏幕內的網頁窗口)本身
查看全部 -
position:relative;相對定位
偏移前的位置保留不動,根據偏移前的位置移動
查看全部 -
塊級元素用float重新定義所在位置
查看全部 -
padding:1 2 3 4;上 右 下 左
padding:1;上右下左相同
padding:1 2;上下相同,左右相同
查看全部 -
border-radius:1 2 3 4 左上 右上 右下 左下
border-radius:1 四個角相同
border-radius:1 2 左上角和右下角相同,右上角和左下角相同
border-角-鄰角:1 角和鄰角相同
查看全部 -
border邊框可以設置上下左右
查看全部 -
border-width
thin | medium | thick(但不是很常用),最常還是用像素(px)
border-style
dashed(虛線)| dotted(點線)| solid(實線)
border-color
顏色可設置為十六進制顏色
查看全部 -
padding內邊距
margin外邊距
border邊框
查看全部 -
display:inline;行內(內聯)
display:inline-block;內聯塊狀
display:none;不顯示
查看全部 -
inline-block:內聯塊狀元素
1、和其他元素都在一行上;
2、元素的高度、寬度、行高以及頂和底邊距都可設置。
<img>、<input>標簽就是這種內聯塊狀標簽
查看全部 -
display:陳列
display:inline行內
查看全部 -
text-align:水平校準
left,center,right 左,中,右
查看全部
舉報