gpt4 book ai didi

html - 在
HTML 中居中​​元素

转载 作者:行者123 更新时间:2023-11-28 15:41:40 25 4
gpt4 key购买 nike

想要在 .HTML代码:

<html>
<head>
<title></title>
<link rel="stylesheet" type="text/css" href="css/style.css">
</head>
<body>
<div id="table">
</br><label for="sFX">F(X)</label><input name="sFX" id="inpBox" type="text" value=""/>
</br><label for="x0">X0</label><input name="x0" id="inpBox" type="text" value=""/>
</br><label for="x1">X1</label><input name="x1" id="inpBox" type="text" value=""/>
</br></label><input id="btnStart" type="button" value="Start" onclick="process()"/>
</div>
</body>
</html>

CSS 代码:

#table{
background-color:lightblue;
width:400px;
height:200px;
display:block;
margin-left:auto;
margin-right:auto;
background-color:lightblue;
text-align:right;
}

#inpBox{
width: 100px;
margin-left:auto;
margin-right:auto;
}

label {
width: 20px;
margin-left:auto;
margin-right:auto;
}

这是我得到的:

enter image description here

我找不到让元素居中的方法。怎么办?

最佳答案

    #table {
background-color: lightblue;
width: 400px;
height: 200px;
display: block;
margin-left: auto;
margin-right: auto;
background-color: lightblue;
text-align: center;
padding:20px;
}
table{
margin:0 auto;
}
#inpBox {
width: 100px;
margin-left: auto;
margin-right: auto;
}
label {
width: 20px;
margin-left: auto;
margin-right: auto;
}
    <html>

<head>
<title></title>
<link rel="stylesheet" type="text/css" href="css/style.css">
</head>

<body>
<div id="table">
<table style="">
<tr>
<td><label for="sFX">F(X)</label>
</td>
<td><input name="sFX" id="inpBox" type="text" value="" />
</td>
</tr>
<tr>
<td><label for="x0">X0</label>
</td>
<td><input name="x0" id="inpBox" type="text" value="" />
</td>
</tr>
<tr>
<td><label for="x1">X1</label>
</td>
<td><input name="x1" id="inpBox" type="text" value="" />
</td>
</tr>
<tr>
<td>
</td>
<td style="text-align:left"><input id="btnStart" type="button" value="Start" onclick="process()" />
</td>
</tr>
</table>

</div>
</body>

</html>

关于html - 在 <div> HTML 中居中​​元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36329827/

25 4 0
文章推荐: javascript - jQuery if 和 $(this) 混淆
文章推荐: html - 如何将在线字体链接转换为本地字体链接?
文章推荐: javascript - 在
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com