HTML：如何居中對齊表格

我有以下HTML代碼，並希望居中對齊我的表單。HTML：如何居中對齊表格

<form action="advsearcher.php" method="get"> 
    Search this website:<input align="center" type="text" name="search" /> 
    <input type="submit" value="Search"/> 
</form>

我該怎麼做？提前Thanx。

來源

2012-03-16 Marcus Tik

作爲form塊元素，你可以通過它的側邊設置爲自動中心對齊：

form { margin: 0 auto; }

編輯：
作爲@moomoochoo正確地指出，這條規則將只工作，如果塊元素（您的表單，在這種情況下）已被分配了特定的寬度。
另外，這個'技巧'不適用於浮動元素。

來源

2012-03-16 12:42:14 Lucius

@Lucius和@zyrolasting說得對。

但是，您可能需要將表格指定爲width才能正常工作。

form { 
margin: 0 auto; 
width:250px; 
}

來源

2012-03-16 12:49:13 TryHarder

你是對的。我說了理所當然。我的錯！ – Lucius 2012-03-16 12:53:54

謝謝......加入'auto'做了訣竅 – user602599 2013-08-12 18:00:10

只是把一些CSS到樣式表這樣

form { 
    text-align: center; 
}

然後就大功告成了！

來源

2013-02-23 20:35:13 mads

@JohannBehrens：爲什麼它不好呢？ – favq 2013-12-11 15:49:56

@anonymous：您將希望通過在.html文件中使用僅HTML和.css文件中的ONLY CSS來將語義和設計相互分離。使您的代碼清晰，結構合理，可供其他開發人員或設計人員閱讀，並具有前瞻性，並且我可以繼續更長時間。 – 2013-12-13 12:21:24

text-align：中心的作品。只需在一個css文件中使用它，一切都很好。您也可以在HTML中使用

，但正如@JohannBehrens所指出的，樣式必須是分開的。更多已過時。我最好的選擇是text-align：在表單標籤的樣式表中居中。 – 2015-04-06 06:21:35

使用center：

<center><form></form></center>

這只是一個方法，但它不是advised.

來源

2014-03-03 01:39:07 Cilan

已棄用，因爲鏈接 – epox 2016-12-03 18:25:34

@epox已被棄用。 1. [W3Schools]（https://www.w3schools.com/tags/tag_center.asp） 2. [Mozilla]（https://developer.mozilla.org/en-US/docs/Web/HTML/Element/center） – Cilan 2016-12-03 18:55:08

#form{ 
    position:fixed; 
    top:50%; 
    left:50%; 
    width:250px; 
}

您可以調整頂部&取決於窗體大小離開。

來源

2014-04-04 03:54:02 Machinerium

<center><form></form></center>

確實在大多數情況下，像在Wobbuffet工作上面提到的...

來源

2014-04-23 15:08:42 carlstarus

-1'

'中已解釋HTLM 4 – 2017-12-29 19:27:23

-1

簡單的方法：表單標籤

來源

2016-12-12 12:41:48 Akshay

Centre已棄用。 – 2016-12-12 12:45:54

前添加一個「中心」標籤試試這個：設置的寬度表格爲20％：
width : 20%;
現在如果整個畫布爲100％，則中心爲50％。因此，要對齊窗體的中心在中心，50-（20/2）= 40。因此設置你的左邊距爲40％，通過這樣做：
left : 40%;

來源

2017-01-04 03:31:15 dcube

HTML：如何居中對齊表格

回答

相關問題