設定div邊距

2021-07-26 20:50:31 字數 783 閱讀 7927

設定外邊距:

margin-top: 20px;

/*margin-right: 30px;

margin-bottom: 40px;

margin-left: 30px;*/

/*margin:20px;只有乙個值,同時設定四個方向的值*/

/*margin:0 20px;兩個值,第乙個值是上下(x軸),第二個值是左右(y軸)*/

/*margin:20px 30px 40px;三個值,三個值分別是上  左右  下*/

/*margin: 0 0 0 20px;四個值分別是:上  右  下  左*/

設定內邊距:與設定外邊距一樣

padding-top: 20px;

padding-right: 30px;

padding-bottom: 40px;

padding-left: 30px;

padding:20px;只有乙個值,同時設定四個方向的值*/

padding:0 20px;兩個值,第乙個值是上下(x軸),第二個值是左右(y軸)*/

padding:20px 30px 40px;三個值,三個值分別是上  左右  下*/

padding: 0 0 0 20px;四個值分別是:上  右  下  左*/

padding和margin的區別:當盒子沒有寬高時padding可以疊加到盒子的寬高中,而margin不行,除非盒子有內容

盒子正真的寬度=本身的寬度+左邊距+右邊距+左邊框+右邊框;

盒子正真的高度=本身的高度+上邊距+下邊距+上邊框+下邊框;

ul與div的邊距

今天在寫乙個的這樣排版,在乙個div裡面有ul,其中ul中的li是橫排排放的。那麼我遇到的問題是ul裡面的li與div有一定的邊距,如下圖所示,其中藍色方框是乙個li,而白色區域是乙個div,圖中圈出的紅色方框表示li與div的距離,可見這個邊距還是非常的大。經過查閱相關資料,得知需要設定ul的邊距...

ReportViewer 的邊距設定

reportviewer 報表的載入方式有兩種 一種是嵌入式資源,一種是檔案路徑 使用路徑方式載入報表並修改報表檔案,可以設定列印的頁邊距。如下 此設定中較為難處理的地方主要是讀取和設定節點值。因為報表xml檔案中,使用了微軟的報表命名空間,因此在讀取和設定時,必須考慮此問題。而我們一般在自己寫的x...

設定列印頁邊距 微信排版的頁邊距

關於排版前段時間我發了條朋友圈 有哪些東西是你一旦知道,生活就從此回不去了的?審美。001 排版的作用 正文排版,包括三部分 1.文字 字型大小 顏色 標點符號 排版規範 2.留白 字間距 行間距 段間距 頁邊距 3.配圖 封面圖 配圖 gif 留白 字間距 行間距 段間距 頁邊距等,這些是 白 的...