如何將此html轉換爲css？

-4

<table> 
<tr> 
<td>A</td> 
<td>B</td> 
</tr> 
</table>

我想我可以用div標籤取代我的TD，但不知道如何。如何將此html轉換爲css？

來源

2010-11-13 0x4f3759df

你能更具體一點嗎？你想獲得什麼視覺效果？ – 2010-11-13 00:07:17

問題是：您是否想要完成與默認顯示的表格相同的視覺效果，或者因爲您聽說表格不好而丟棄表格？表格很糟糕*僅用於樣式*（在這種情況下，您應該使用CSS），但是顯示錶格數據的正確選擇。 – 2010-11-13 00:25:13

阿爾貝託說過的話（儘管我認爲使用單詞「反而」是導致導致這個問題的混淆的原因之一）。我們不能*直接*和*正確*回答你的問題，因爲沒有答案。但試圖推斷你的意圖是不可能的，從你的問題。從字面上看，您發佈的內容可能完全適合在「表格」中顯示（儘管它沒有標題來描述它所包含的數據）。但是，如果你想要的是用CSS創建一個佈局，這是一個*更多的涉及到的問題，我們需要具體細節。 – 2010-11-13 00:38:04

<style>div { display: table-cell }</style> 
<div>A</div><div>B</div>

如果這不是你的意思，請更具體。

來源

2010-11-13 00:05:16 zwol

我認爲這不是一個好主意。如果你想讓它具有display：table-cell，那麼就使用TD元素。 – 2010-11-13 00:11:56

我不打算投票，但海事組織，這是對這個問題的一個不好的答案。主要原因是這樣的：那裏仍然有HTML。事實上，並不比真正的HTML少HTML。是的 - 這個問題很糟糕。但是回答一個糟糕的問題（和技術上不正確的答案）是沒有用的，IMO。 – 2010-11-13 00:18:48

沒有「從HTML翻譯成CSS」這樣的東西。在HTML/XHTML中使用CSS來設置/排列內容。

如果你問這個問題是因爲有人告訴你「CSS比表格好」，我建議尋找一些關於CSS佈局的更廣泛的信息。

CSS和HTML是兩種互補的語言，每種語言都有自己的特定用途，它們一起工作來生成網頁。純粹主義者指出（非常正確）HTML應該包含'語義'代碼，而不是佈局代碼。應該使用CSS來提供佈局。

問題的一個重要來源是，歷史上，table標籤用於頁面佈局 - 例如在網頁中創建列。因此，純粹主義者喜歡抱怨使用HTML中的table標籤進行頁面佈局。

但很多人採取這種方式太過 - 事實上並不正確 - 並得出結論認爲不應該使用HTML table標籤......完全可以。 table標籤存在的原因，並應該總是用於這個原因：描述表格數據。然後，CSS應該用於樣式並確定數據的佈局。但有些人（又一次：錯誤地）認爲所有表格都是「不好的」。

這忽略了CSS和HTML /表格完全不矛盾或相互排斥的事實。它們應該一起使用。使用table標籤來描述表格數據，然後使用CSS來設置該信息的樣式以進行顯示。

來源

2010-11-13 00:05:36

取決於細節...

也可以做

<div style="float:left">A</div> 
<div style="float:left">B</div> 
<div style="clear:left"> <!-- . --> </div>

來源

2010-11-13 00:06:50 alxndr

我不打算投反對票，但海事組織，這是一個不好的回答這個問題。主要原因是這樣的：那裏仍然有HTML。事實上，並不比真正的HTML少HTML。是的 - 這個問題很糟糕。但是回答一個糟糕的問題（和技術上不正確的答案）是沒有用的，IMO。 – 2010-11-13 00:18:21

只是試圖指出另一種方式來佈置彼此相鄰的div。這是一個通用的問題。 – alxndr 2010-11-13 00:20:29

我明白你的意思，這就是爲什麼我沒有投票。問題是，這個問題沒有通用的（和正確的）答案。例如，在許多情況下，您發佈的內容與表中的行爲會有所不同，例如，在文檔中的其他地方可能有「清除」元素。它也沒有辦法擁有共同的邊界。同樣，我的觀點的確是這個問題非常糟糕而且廣泛，根本無法正確回答。 – 2010-11-13 00:32:24

如何將此html轉換爲css？

回答

相關問題