當前位置:首頁 » 網頁前端 » 前端表格間距怎麼調整
擴展閱讀
webinf下怎麼引入js 2023-08-31 21:54:13
堡壘機怎麼打開web 2023-08-31 21:54:11

前端表格間距怎麼調整

發布時間: 2023-07-04 19:28:43

Ⅰ html中兩個表格間的距離如何調整

html中兩個表格間的距離調整有兩種適合微調的辦法:

1.設置第一個tbale的margin-bottom屬性。例如:

<table width="100%" style="margin-bottom:100px">表示table表格底部保持100px間距。

2.設置第二個tbale的margin-top屬性。例如:

<table width="100%" style="margin-top:100px">表示table表格頂部保持100px間距。

擴展知識


margin 屬性可以單獨改變元素(元素可以是表格或者DIV)的上,下,左,右邊距。也可以一次改變所有的屬性。

margin 屬性單獨使用時:

例1:margin-bottom:100px;元素的下外邊距為100px。

例2:margin-left:100px;元素的左外邊距為100px。

例3:margin-right:100px;元素的右外邊距為100px。

例4:margin-top:100px;元素的上外邊距為100px。

margin 屬性一次性設置所有屬性:

例1:margin:10px 5px 15px 20px;表示:

上外邊距是 10px

右外邊距是 5px

下外邊距是 15px

左外邊距是 20px

例2:margin:10px 5px 15px;表示:

上外邊距是 10px

右外邊距和左外邊距是 5px

下外邊距是 15px

例3:margin:10px 5px;表示:

上外邊距和下外邊距是 10px

右外邊距和左外邊距是 5px

例4:margin:10px;表示:

所有 4 個外邊距都是 10px