html css有感

placeholder:是輸入框內部的提示語。css3可用css

div佈局問題css3

display:inline-block;能夠實現div橫向排列和設置div的大小(通常單純設置inline是沒法設置其大小的)。web

float:right能夠使div靠右顯示。瀏覽器

text-align:center;文字水平居中顯示。佈局

line-height:行高;實現文字的垂直居中顯示。spa


經過調節 margin或者padding實際高度實現居中。it

經過使用position:relative 而後設置left或者right等位置信息實現居中顯示。io


15.9.8更新:table

.horizontal{容器

display:box;

display:-moz-box;

display:-webkit-box;

display:-o-box;

box-orient: horizontal;

-moz-box-orient: horizontal;

-webkit-box-orient: horizontal;

-o-box-orient: horizontal;

}

在這個樣式影響下div下的全部div都會被排成一行,可是每一個的div的最大適應寬度都爲父容器的寬度,很差調整。

多個div要同行顯示 ,使用display:table-cell;至關於table的單元格樣式,能夠相對給每一個cell分配對應的長度,不怕撐出父容器。

position:fixed 要放到body的標籤下直接節點纔會生效,根據瀏覽器生成絕對定位。

position:fixed 裏面的左右居中,left:0px; right:0px;margin-left:auto;margin-right:auto; 我這裏是要底部靠底部顯示加上了,bottom:20px;

相關文章
相關標籤/搜索