導航:首頁 > 萬維百科 > 網頁設計單元格間距怎麼打

網頁設計單元格間距怎麼打

發布時間:2020-10-02 20:00:02

1、網頁製作中,上下兩個表格的間距怎麼調?

通常有以下幾種方法:
1、CSS法
可以在<table>標簽中設置margin屬性,即:style="margin:5px 0 5px 0;"(順序:上、右、下左,亦可簡寫為style="margin: 5px 0;"),這段CSS的作用是在當前表格外部的上下各留出5px的空白。
2、空對象法
(1)空行。還可以在表格後敲回車換行,產生<p></p>標簽,或者按Shift+回車軟換行,產生<br>標簽,都可產生一個空行。
(2)空表格。插入一個1行1列的表格,設置單元格的寬度、高度,在單元格中不輸入內容。當單元格高度小於12px時,一定要將空格符 刪掉,否則達不到設定高度,這一點非常重要。即:
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="5"></td>
</tr>
</table>
(3)空DIV。類似於空表格,插入一個DIV,設置其寬度、高度,超出隱藏即可。
<div style="width:100px;height:5px;overflow:hidden;clear:both;"
3、透明圖片法
可以在PS中新建一個5x5px的畫布,背景設為透明,保存為透明GIF圖片,然後在需要留間距的表格後面插入這個透明圖片,將其寬度、高度可以任意調整,直到滿意為直。
<img src="null.gif">

2、網頁設計中字元與表格間距的屬性是什麼

「letter-spacing」字間距
「line-height」字行高
不過一般表格內的文字與表格的間距一般用到的屬性是line-height和padding(內邊距)
舉例:文字在表格內部,文字是12px大小,需要上下間距各是6px,左右邊距是10px;那這個表格可設定屬性為:{font-size:12px;line-height:24px;padding-left:10px;padding-right:10px;}

3、網頁設計中表格與表格之間的間距,怎麼整?

你將這兩張表格放在一張大表格中試試。這張大表格設置為兩行一列,在第一行中插入一行五列的表格做你上面的導航,在第二行插入你下面做的表格,不知可行,試試看。

4、網頁設計怎樣控制單元格間距?

這年頭,誰還用表格來布局。不過,你真的用了,就應該會學一些小的技巧

當然,控制行與行之間的高度,可以用現在主流的CSS的方法,也可以直接設置行的高度

但也有過去常用的方法,那就是在單元格里,放置一個透明的GIF圖片,用這個圖片來控制高度和寬度。

透明的GIF圖片,可以任意定義它的高度和寬度,放置在單元格中,單元格就會適應這個圖片的高度和寬度了

說的有些簡略,自己多體會。

與網頁設計單元格間距怎麼打相關的知識