如何在div中水平居中绝对按钮？
海塔姆
我试图将一个绝对按钮放在 div 中（在底部），但它似乎不起作用..这是我现在正在做的事情：
.mc-item {
background: #F0F0F0;
border: 1px solid #DDD;
height: 140px;
padding: 20px;
}
.mc-item a {
position: absolute;
bottom: -19px;
left: 50%;
}
.mc-item p {
text-align: center;
}<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
<div class="col-md-4 col-sm-12">
<div class="mc-item">
<p>Changez votre adresse email ou votre mot de passe.</p>
<a asp-controller="MyAccount" asp-action="Settings" class="btn btn-primary">Paramètres</a>
</div>
</div>这给出了以下结果：
我想要的是中间居中的按钮。是否left: 50%考虑整体.col div？我尝试将buttona包裹起来，div并且div的宽度变为 380，这与.col div(div与<p>) 相同。
巴斯蒂安·罗伯特
试试transform: translateX(-50%);你的按钮
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
编辑于
相关文章
Related 相关文章
- 1
如何在css中水平居中<div>？
- 2
如何在 <div> 中水平居中 <input>？
- 3
如何水平居中绝对div的内容
- 4
如何在绝对定位的div中居中显示文本？
- 5
如何在父div中水平居中多个div
- 6
垂直和水平在div中居中div，绝对位置
- 7
您如何在绝对div内将绝对div居中？
- 8
div中的垂直和水平居中按钮
- 9
如何在div中水平居中对齐ul
- 10
当图像更大或更小时，如何在div中水平居中？
- 11
如何在CSS的li中水平居中放置div
- 12
CSS：如何在 div 中垂直和水平居中图像
- 13
如何在绝对定位的父级中水平居中固定内容？
- 14
响应div中的垂直和水平居中绝对文本
- 15
如何在div中将表格水平居中？
- 16
如何使div水平居中
- 17
如何使div水平居中
- 18
如何在Android（RelativeLayout）中水平居中？
- 19
如何在相对div内将绝对段落居中
- 20
如何在相对div内将绝对段落居中
- 21
如何在引导程序中垂直和水平地居中 asp 按钮
- 22
如何在容器div中实现水平对齐，无间隙且居中的div元素
- 23
在div中垂直和水平居中播放按钮
- 24
在div中将居中的绝对位置的图像水平居中，而不会出现水平滚动条（也在移动设备中）
- 25
如何在引导按钮中将文本水平居中？
- 26
如何在嵌套的div中实际居中（垂直和水平）文本
- 27
如何在DIV中垂直和水平居中放置文本
- 28
如何在这四个div内容中水平和垂直居中？
- 29
如何使用绝对位置和左偏移量水平居中文本 Div
我来说两句