div樣式調整小結

2022-02-15 12:29:03 字數 1422 閱讀 9291

1.多個div使用會自動換行,應該使用float屬性

left :  物件浮在左邊

right :  物件浮在右邊

例如:float: left  和 float: right 是兩個div左右排列在同一行

2.使用padding設定物件的上下左右邊距

padding-left: 36pt;

padding-right: 36pt;

padding-top: 36pt;

padding-bottom: 36pt;

例子:3.div中使用text-align : left | right | center | justify  ,調整包含內容的位置

引數:

left :  左對齊

right :  右對齊

center :  居中

justify :  兩端對齊

說明:

設定或檢索【物件中文字的】對齊方式。

例子:一些超連結

4.div使用vertical-align調整內部元素的垂直方向位置

vertical-align : baseline |sub | super |top |text-top |middle |bottom |text-bottom |length

引數:

baseline :  將支援valign特性的物件的內容與基線對齊

sub :  垂直對齊文字的下標

super :  垂直對齊文字的上標

top :  將支援valign特性的物件的內容與物件頂端對齊

text-top :  將支援valign特性的物件的文字與物件頂端對齊【常用】

middle :  將支援valign特性的物件的內容與物件中部對齊

bottom :  將支援valign特性的物件的文字與物件底端對齊

text-bottom :  將支援valign特性的物件的文字與物件頂端對齊

例子:vertical-align : center;

5.div中使用margin-top、margin-bottom、margin-left、margin-right檢索或設定物件四邊的外延邊距。

(1)margin:如果提供全部四個引數值,將按上-右-下-左的順序作用於四邊。

如果只提供乙個,將用於全部的四邊。

如果提供兩個,第乙個用於上-下,第二個用於左-右。

如果提供三個,第乙個用於上,第二個用於左-右,第三個用於下。

內聯物件要使用該屬性,必須先設定物件的height或width屬性,或者設定position屬性為absolute。

示例: 

body

body

body

(2)margin-top、margin-bottom、margin-left、margin-right

例子:

div樣式調整小結

1.多個div使用會自動換行,應該使用float屬性 left 物件浮在左邊 right 物件浮在右邊 例如 float left 和 float right 是兩個div左右排列在同一行 2.使用padding設定物件的上下左右邊距 padding left 36pt padding right ...

div與》div區別小結

兩者之間的區別 例如div span得到的是div下所有的span元素,而div span則是取得的div下第一級的span元素。示例 如下 doctype html html lang en xmlns head meta charset utf 8 script src jquery 1.7.2...

sld樣式調整

geoserver自帶的樣式調整太醜陋了,不是牛人根本不會自己寫的,我們這種菜鳥還是借助乙個工具來實現比較好 udig這個工具可以用一下 好像還有乙個是arcgis的arcmaptosldconverter 1.0.1.zip 這個還沒有用過 現在介紹乙個udig如何配置樣式 udig開啟新建乙個工...