繪圖使用<hr/> HTML

我希望我的每一個數據行後，繪製一條水平線水平線繪圖使用<hr/> HTML

<!DOCTYPE html> 
<html> 
<body> 
<table> 
    <tr> 
     <td> 
      data a 
     </td> 
    </tr> 
    <hr/> 
    <tr> 
     <td> 
      data b 
     </td> 
    </tr> 
</table> 
</body> 
</html>

但我對我的代碼的輸出是這樣

__________________________________________________________ 
data a 
data b

預期結果

data a 
__________________________________________________________ 
data b

另一個問題

如果讓我們說我有幾個表中的行，但某些行不要求水平線我可以這樣做

.styletr {border-bottom: 1px solid black;}

然後

<tr class=styletr> 
    </tr>

？

來源

2014-01-13 user2935569

可能重複[使用的

標籤與表？]（http://stackoverflow.com/questions/8522337 /使用小時標籤與表） – davidpauljunior

我不認爲你可以使用小時的表裏面，你最好使用CSS：

<html> 
<head> 
<link href="YourCss.css" rel="stylesheet" type="text/css" /> 
</head> 
<body> 
... 
</body> 
</html>

和內部「YourCss.css」：

tr { border-bottom: 1px solid black; }

編輯：這將，但是，在每個表格行的底部放置一個邊框，包括最後一行，以排除最後一行，您將需要類似

tr:not(:last-child) { border-bottom: 1px solid black; }

編輯2：對於更好地控制哪些行的風格，你應該使用一個類：的

<tr class="seperator">...</tr> 

.seperator { border-bottom: 1px solid black; }

來源

2014-01-13 04:24:22 Ozziereturnz

感謝您的意見 – user2935569

如果我們說我有幾個錶行但有些行並不需要水平線可以做類似.styletr {border-bottom：1px solid black;}然後？ – user2935569

現貨上，添加一個類到您想要的樣式的，然後在css中使用該類。 – Ozziereturnz

最常用的方法是使用CSS來設置元素的border屬性，例如：

tr { 
    border-bottom: 1px solid #000; 
}

在你的代碼的情況下，hr元素將沒有任何意義的使用。

來源

2014-01-13 04:18:47

感謝您的意見 – user2935569

不工作在電子郵件模板...夥伴:( –

試試這個：

<td> 
     <hr /> 
    </td>

如果它是一個電子郵件內容

來源

2014-01-13 04:19:04 Ani

<hr />不再作爲兩個HTML部分之間在HTML5（見this）的物理分離。相反，它現在是一個邏輯上的分離。您可以改用border。

來源

2014-01-13 04:19:30 dotNET

感謝您的意見 – user2935569

這不是有效的<html>放任何東西，除了<tr>，<thead>或<tbody>作爲<table>元素的直接孩子。

相反，也許嘗試添加css：

tr { border-bottom: 1px solid black; }

來源

2014-01-13 04:19:41

感謝您的意見 – user2935569

不工作在電子郵件模板.. 。夥伴:( –

@BalvantAhir不同的電子郵件引擎支持不同的HTML/CSS/...並有自己的怪癖。自從我爲電子郵件編寫標記以來，這已經有一段時間了，但它可能會在內聯元素上內聯此CSS。也就是說：' ...' –

你不能把一個表中的TR標記之間的元素。渲染時，瀏覽器將簡單地將其重新定位到表格外。一個辦法是把它放在它自己的行與單個單元格跨越表

<tr><td><hr /></td></tr>

的寬度（如果你有更多的列使用合併單元格像這樣）

<tr><td colspan="3"><hr /></td></tr>

另外，如果您的表格中只有一列，只需將HR標籤移動到標籤中，以便它位於單元格內。

您也可以考慮（我鼓勵您）將HR標籤替換爲表格行的底部邊框，正如其他答案所暗示的那樣，因爲這是一種更好的設計方法。

來源

2014-01-13 04:19:50

感謝您的建議 – user2935569

繪圖使用<hr/> HTML

回答

相關問題