如何設定table中td的高度為1px,設定tabletd1px

來源:互聯網
上載者:User

如何設定table中td的高度為1px,設定tabletd1px

在製作edm時會遇到需要設定td的高度為1px,如果td標籤中有 時無論你怎麼設定td的高度都沒用,最小高度都是18px,

這時需要把表格中的 去掉。例:

原來是這樣的:

<tr>
<td width="20" height="1">&nbsp;</td>
<td width="607" >&nbsp;</td>
<td width="20" >&nbsp;</td>
</tr>

需要改成下面這樣:

<tr>
<td width="20" height="1"></td>
<td width="607" ></td>
<td width="20" ></td>
</tr>

把td中的&nbsp;去掉,問題解決。


html的table表格,我把它設定為2行1列,其中一行高度為1px,

<tr>
<td height="1">nbsp;</td>
</tr>

去掉<td></td>之間的空格( nbsp;)就可以了,我沒打&
 
[急]用table做網頁,設定了border為1px怎還是覺得很粗?

因為邊框預設1px就是那麼粗的 所以需要細邊框的話可以用別的方法實現

設定Table的細邊框通常有這麼幾種方式:

1、設定邊框的BORDER=0 、cellspacing=1,設定Table的背景色為所要的邊框色,再設定所有的td背景色為白色,這樣細邊框就顯露出來了。這個方法有些邪氣,看似不太正宗,但是也能達到效果,條條大路通羅馬嘛!

再來看看第二種方法:

2、設定BORDER=0 ,再通過CSS,給Table加上1px的border-top,border-left,然後再設定所有的td的border-right,border-bottom,這樣也能達到所要的效果。可見CSS很是強大啊。

今天在實踐過程中發現,以上兩種方式產生的HTML在Word中開啟則發生問題,不能達到預期效果。怎麼辦呢!?

下面介紹一種更為簡便有效方法:

3、設定table的CSS為{border-collapse:collapse;border:none;},再設定td的CSS為{border:solid #000 1px;},大功告成!而且Word也能認出這種設定。

樣式表如下:
table#border{
border-top:#000 1px solid;
border-left:#000 1px solid;
}
table#border td{
border-bottom:#000 1px solid;
border-right:#000 1px solid;
}
然後再要加邊框的html檔案中加上
<table id="border" border="0" cellspacing="0">

其中CSS中的table表示修飾的對象是table,#表示這是一個ID
 

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.