gpt4 book ai didi

html - 使用 CSS 使按钮居中

转载 作者:太空宇宙 更新时间:2023-11-03 20:02:50 27 4
gpt4 key购买 nike

我试图将这些按钮居中,但大多数在线内容都不起作用。 <center>不工作 text-align:center不起作用。

按钮应该以完全相同的方式显示,除了在中间居中。如果您尝试这样做,它将不起作用。我想一定有问题。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>website</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(function() {
});
</script>
<style type="text/css">
.button0 {
position:fixed;
left:88px;
top:58px;
font-family:MS Shell Dlg 2;
font-size:8px;
font-weight:NORMAL;
}
.button1 {
position:fixed;
left:6px;
top:191px;
font-family:MS Shell Dlg 2;
font-size:8px;
font-weight:NORMAL;
text-align: center;
margin-left:auto;
margin-right:auto;
}
.button2 {
position:fixed;
left:358px;
top:216px;
font-family:MS Shell Dlg 2;
font-size:8px;
font-weight:NORMAL;
}
</style>
<body>
<center>
<div class="button0"><input type="button" style="width: 268px;height: 145px;" value="Button"/></div>
<div class="button1"><input type="button" style="width: 40px;height: 88px;" value="Button"/></div>
<div class="button2"><input type="button" style="width: 76px;height: 73px;" value="Button"/></div>
</center>
</body>
</html>

最佳答案

.container {
text-align: center;
}

.center-element {
width: 100px;
text-align: left;
}

.container {
width: 200px;
}

.center-element {
width: 100px;
margin: 0px auto 0px auto;
}

.container {
width: 200px;
}

.center-element {
width: 100px;
position: relative;
left: 50%;
margin-left: -50px;
}

关于html - 使用 CSS 使按钮居中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9084354/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com