如何將內容對齊到 html 頁面的中心
[英]How to align contents to the centre of html page
問題描述
我有以下 html 代碼
<body> <h3>Title 1</h3> <h3>Title 2</h3> <div> <a href="ref1"> <button type="button">Button 1</button> </a> <span> abcd </span> <a href="ref2"> <button type="button">Button 2</button> </a> </div> <div> <table> <tr> <th>Col1</th> <th>Col2</th> <th>Col3</th> </tr> <tr> <td>value1</td> <td>value2</td> <td>value3</td> </tr> </table> </div> </body>
我想將 css 添加到以下以按以下格式與頁面居中對齊
title 1
title 2
button1 abcd button2
+----------------------------+
| col1 | col2 | col3 |
+----------------------------+
| val1 | val2 | val3 |
+----------------------------+
表格和標題應位於頁面中心。 並且帶有按扣的 2 個按鈕應該在同一條線上，並且中心對齊。 我怎樣才能做到這一點？
4 個解決方案
解決方案1
0 2020-06-23 17:26:28
將以下樣式應用於 body 標簽 display:flex; 證明內容：中心；
解決方案2
0 2020-06-23 17:34:16
將以下樣式添加到 html 頂部的主體標簽。
<body style="text-align: center; display: grid; justify-content:center;">
解決方案3
0 2020-06-23 17:55:24
<body> <center> <h3>Title 1</h3> <h3>Title 2</h3> <div > <a href="ref1"> <button type="button" >Button 1</button> </a> <span> abcd </span> <a href="ref2"> <button type="button" >Button 2</button> </a> </div> <div > <table > <tr> <th>Col1</th> <th>Col2</th> <th>Col3</th> </tr> <tr> <td>value1</td> <td>value2</td> <td>value3</td> </tr> </table> </div> </center> </body> 使用 HTML center標簽將身體的全部內容對齊到中心。
解決方案4
-1 2020-06-23 17:25:17
使用 CSS GRID 那你為什么要使用 table 呢？
如何在頁面中心對齊輸入標簽或任何其他 HTML 標簽？
[英]How do I align the input tag or any other HTML tag at the centre of the page?
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.