相关疑难解决方法(0)

如何在没有父级的情况下将 DIV 居中?

我想将我的表格居中在它所在的水平行的中心。我认为这很简单

#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/。我没有得到什么非常明显的东西,但我无法说出它是什么。

html css text-align center

1
推荐指数
1
解决办法
1301
查看次数

将div框居中

我想在我正在使用的CSS中将div容器居中放置在页面上

margin-left:auto;
Run Code Online (Sandbox Code Playgroud)

似乎不起作用。

一切都在这里

谢谢

css

0
推荐指数
1
解决办法
1万
查看次数

如何用CSS中心DIV?

我想知道如何以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)

html css

0
推荐指数
1
解决办法
3160
查看次数

设置宽度为50%时div不居中

当我将 div 居中时,它没有居中。看起来,他的左角就在屏幕的中间。如何减去宽度的一半,使 div 正确居中?

在我的 css 中我写的left: 50%是结果:

在此输入图像描述

有没有可能使这个 div 正确居中?

html javascript css jquery

0
推荐指数
1
解决办法
4623
查看次数

标签 统计

css ×4

html ×3

center ×1

javascript ×1

jquery ×1

text-align ×1