1.多個div使用會自動換行，應該使用float屬性
? left : 　對象浮在左邊
? right : 　對象浮在右邊
例如：
? float: left? 和 float: right 是兩個div左右排列在同一行
<div style="width: 20%; float: left; height: 100%">圖片</div>
<div style="width: 50%; float: right; height: 100%">圖片</div>

2.使用padding設置對象的上下左右邊距
?padding-left: 36pt;
?padding-right: 36pt;
?padding-top: 36pt;
?padding-bottom: 36pt;
例子：
<div style="width: 20%; float: left; height: 100%;padding-left: 36pt;">圖片</div>

3.div中使用text-align : left | right | center | justify? ，調整包含內容的位置
參數：
left : 　左對齊
right : 　右對齊
center : 　居中
justify : 　兩端對齊
說明：
設置或檢索【對象中文本的】對齊方式。
例子：
<div style="text-align: right">一些超鏈接</div>

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 { margin: 36pt 24pt 36pt; }
body { margin: 11.5%; }
body { margin: 10% 10% 10% 10%; }
<div style="margin: 32px 0px; height: 220px; width: 740px">

（2）margin-top、margin-bottom、margin-left、margin-right
例子：
<div style="margin-top: 12px; height: 25px" id="div_password">

轉載于:https://www.cnblogs.com/qqzy168/archive/2012/08/31/2665122.html

總結

以上是生活随笔為你收集整理的div样式调整.txt的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。