我想将我的表格居中在它所在的水平行的中心。我认为这很简单
#control {
text-align: center;
}
Run Code Online (Sandbox Code Playgroud)
我要居中的元素是
<div id="control" class="btn">
<div id="btn_container"><img width="100" height="100" src="https://cdn3.iconfinder.com/data/icons/minecraft-icons/512/Stone_Pickaxe.png" alt="Mining pick" /></div>
<span>Start</span>
</div>
Run Code Online (Sandbox Code Playgroud)
但是,该元素仍未居中 - https://jsfiddle.net/xwdnvcy5/58/。我没有得到什么非常明显的东西,但我无法说出它是什么。
我想在我正在使用的CSS中将div容器居中放置在页面上
margin-left:auto;
Run Code Online (Sandbox Code Playgroud)
似乎不起作用。
一切都在这里谢谢
我想知道如何以divCSS 为中心.我搜索了一些东西并检查了stackoverflow,但它与我的CSS代码冲突.
这是我的代码(以防万一):
body, p, span, div {
font-family: 'Droid Sans', arial, serif;
font-size:12px;
line-height:18px;
color:#6d6d6d; }
.countdown {
padding-top:15px; width: 100%;
height: 68px;
margin:0 auto 0 auto;
bottom:0;
position:absolute;
}
.countdown .countdown_section{
background:url('images/backcountdown.png') no-repeat 1px top;
float:left;
height:100%;
width:54px;
margin:0 5px;
text-align:center;
line-height:6px;
}
.countdown .countdown_amount {
font-size:15px;
color:#ab7100;
text-shadow:0 0.8px #fedd98;
line-height:52px;
font-weight:bold;
text-align: left;
}
.countdown span {
font-size:8px;
color:#999999;
text-transform:uppercase;
line-height:26px;
}Run Code Online (Sandbox Code Playgroud)
<body>
<div class="countdown clearfix">
</div>
</body>Run Code Online (Sandbox Code Playgroud)
当我将 div 居中时,它没有居中。看起来,他的左角就在屏幕的中间。如何减去宽度的一半,使 div 正确居中?
在我的 css 中我写的left: 50%是结果:
有没有可能使这个 div 正确居中?