欧美一区二区三区,国内熟女精品熟女A片视频小说,日本av网,小鲜肉男男GAY做受XXX网站

css常用屬性對齊方式

韓增正1年前6瀏覽0評論

在CSS中,對齊方式是最常見的樣式屬性之一。下面介紹常用屬性:

text-align:用于規定文本內容的對齊方式。比如,將文本內容左對齊(left),右對齊(right),居中(center)等等。它的取值有left|center|right|justify,其中,justify會讓段落兩端對齊。

text-align的實際應用如下:

p {
	text-align: center;
}

上面這段代碼的作用是讓文本內容在p元素中居中對齊。

vertical-align:用于設置元素的垂直對齊方式。比如,將圖片底部對齊(bottom)或居中對齊(middle)等等。它的取值有baseline|top|middle|bottom,其中,baseline是默認值,它使元素與所在行的基線對齊。另外,vertical-align只能作用于行內元素和表格單元格(td、th)。

vertical-align的實際應用如下:

img {
	vertical-align: middle;
}

上面這段代碼的作用是讓圖片垂直方向上與周圍的文本內容居中對齊。

float:用于設置元素的浮動方式,使元素可以脫離文檔流并向左或向右浮動,直到它的外邊緣觸碰到包含它的容器或者另一個浮動元素。它的取值有left|right|none。如果沒有設置寬度,浮動的元素會收縮到適應它所包含的內容。

float的實際應用如下:

div {
	float: left;
	width: 50%;
}

上面這段代碼的作用是將一個div元素向左浮動,并設置它的寬度為容器的50%。