使用CSS格式化表格中的文本

我需要一些基本的css幫助。我試圖使用CSS樣式表樣式表的單元格，但其沒有工作使用CSS格式化表格中的文本

表的代碼是：

<table> 
<tr><td><p style="font-size:13px"><a href="mailto:[email protected]">XXX&nbsp;&nbsp;&nbsp;</a></p></td><td><p style="font-size:13px">XXXX&nbsp;&nbsp;&nbsp;</p></td><td><p style="font-size:13px">XXXXXXX </p></td></tr> 
          <tr><td><p style="font-size:13px"><a href="mailto:[email protected]">XXX&nbsp;&nbsp;&nbsp;</a></p></td><td><p style="font-size:13px">XXXX&nbsp;&nbsp;&nbsp;</p></td><td><p style="font-size:13px">XXXXXXX </p></td></tr> 
          <tr><td><p style="font-size:13px"><a href="mailto:[email protected]">XXX&nbsp;&nbsp;&nbsp;</a></p></td><td><p style="font-size:13px">XXXX&nbsp;&nbsp;&nbsp;</p></td><td><p style="font-size:13px">XXXXXXX </p></td></tr> 
          <tr><td><p style="font-size:13px"><a href="mailto:[email protected]">XXX&nbsp;&nbsp;&nbsp;</a></p></td><td><p style="font-size:13px">XXXX&nbsp;&nbsp;&nbsp;</p></td><td><p style="font-size:13px">XXXXXXX </p></td></tr> 
           <tr><td><p style="font-size:13px"><a href="mailto:[email protected]">XXX&nbsp;&nbsp;&nbsp;</a></p></td><td><p style="font-size:13px">XXXX&nbsp;&nbsp;&nbsp;</p></td><td><p style="font-size:13px">XXXXXXX </p></td></tr> 
           <tr><td><p style="font-size:13px"><a href="mailto:[email protected]">XXX&nbsp;&nbsp;&nbsp;</a></p></td><td><p style="font-size:13px">XXXX&nbsp;&nbsp;&nbsp;</p></td><td><p style="font-size:13px">XXXXXXX </p></td></tr> 
           <tr><td><p style="font-size:13px"><a href="mailto:[email protected]">XXX&nbsp;&nbsp;&nbsp;</a></p></td><td><p style="font-size:13px">XXXX&nbsp;&nbsp;&nbsp;</p></td><td><p style="font-size:13px">XXXXXXX </p></td></tr> 
           <tr><td><p style="font-size:13px"><a href="mailto:[email protected]">XXX&nbsp;&nbsp;&nbsp;</a></p></td><td><p style="font-size:13px">XXXX&nbsp;&nbsp;&nbsp;</p></td><td><p style="font-size:13px">XXXXXXX </p></td></tr> 
              </table>

我的文字無法去到瀏覽器默認設置的唯一方法是在每一個單元格上明確地陳述它，這看起來像浪費了加載時間（儘可能小）。有沒有辦法設置整個表格的文本大小？這是一樣的大小。我試着把表格放在<p>裏面，然後用CSS類對它進行樣式設計，但它不起作用。不知道它是否重要，但我正在使用XHTML 1.0。

來源

2012-02-03 Chris

這會幫助你嗎？ 'td，td a font-size：13px; }' – henryaaron 2012-02-03 20:55:15

像這樣的樣式應該繼承，所以你應該能夠在表標籤中放置一個樣式屬性。 [jsfiddle]（http://jsfiddle.net/MrLister/er9wY/）你是說這行不通？ – 2012-02-03 21:00:09

什麼是不工作？ – j08691 2012-02-03 21:12:19

我將類添加到表：

<table class='myFormat'><tr>....</tr></table>

然後：

table.myFormat tr td { font-size: 13px; }

你能告訴我是什麼瀏覽器，這是在？

來源

2012-02-03 21:05:30

謝謝，它現在有效。 – Chris 2012-02-03 22:09:17

您是否嘗試過：

td { font-size: 13px }

td.myfontsize { font-size: 13px ; }

然後使用：應用於您的TD標籤

class="myfontsize"

？

來源

2012-02-03 21:01:11 skyburner

我寧願不必定義每一行，雖然... – Chris 2012-02-03 22:08:48

那麼，如果您使用類似的東西：td {font-size：13px}將應用一個毯子樣式到任何表中的所有單元格。但請確保這就是您想要的頁面。 – skyburner 2012-02-03 22:13:57

更改<表格>至< table style =「font-size：13px;」>（不含空格）。這應該會改變表格內的所有文字。

否則，你可以添加一個類或ID到它。

來源

2012-02-03 21:25:11 ZyteX

使用CSS格式化表格中的文本

回答

相關問題