如何在單獨的行顯示錶

這是我的HTML - 點擊以下鏈接如何在單獨的行顯示錶

http://wklej.org/id/658249/

我不能編輯這個網站。我必須通過CSS才能編輯。

我想把表單的每一個框放在不同的行中。我無法創建任何CSS代碼。我被卡住了。

來源

2011-12-31 Art.py

好吧，如果你不能編輯HTML和你不能創建CSS，你的確很卡住。 – ptriek 2011-12-31 13:28:20

-1

編輯：然後嘗試display:block爲tr。通常應該是不同的路線。

（你沒有任何table標籤）

來源

2011-12-31 13:15:27 Dion

這是21世紀！我們不需要沒有臭味的表格標籤！ :)哈哈，woops，顯然我們做。元素正在被殲滅。 – abelito 2011-12-31 13:16:55

真的嗎？酷@ user1124318您使用哪個瀏覽器？ – Dion 2011-12-31 13:18:43

既然你沒有<table>標籤，瀏覽器通常會忽略的<tr>，<td>和<th>標籤，並且只輸出內部內容。理想情況下，你只需要改變的HTML，但如果你必須這樣做在CSS，你可以讓他們通過爲塊級元素顯示輸入/標籤，然後浮他們適當地排隊：

#commentForm label, #commentForm input, #commentForm textarea { display: block; } 
#commentForm label { float: left; clear: left; } 
#commentForm input, #commentForm textarea { float: left; clear: right; } 
#commentForm p { clear: both; }

見的jsfiddle ：http://jsfiddle.net/kY38D/2/

來源

2011-12-31 13:24:51

感謝您的支持和建議。 – 2011-12-31 13:30:53

你能請諮詢他們如何使箱子對齊？你的建議非常有幫助，但我需要更多的幫助:)。我非常感謝。 – 2011-12-31 13:32:40

@ Art.py它變得雜亂，但你可以添加一個寬度：10em到#commentform標籤 – rene 2011-12-31 15:08:37

正如DRP96說，既然你沒有表標籤，你是不是留下了許多選項..這裏是單向的使用寬度：

<style> 
    label { 
     display: inline-block; 
     width: 25%; 
    } 

    input[type='text'], textarea { 
     display: inline-block; 
     width: 75%; 
     margin-bottom: 1em; 
    } 
</style>

來源

2011-12-31 13:28:52 abelito

如何在單獨的行顯示錶

回答

相關問題