html - margin 0 auto 到 div 内的跨度不起作用

标签 html css center margin

我会在 div 中调用一个 span,它会占用边距,但 margin:0 auto 不起作用。有什么建议吗?

html

<div>
    <span>
         <h3>Paris Eurostar Breaks</h3>
         <p>Curabitur fringilla mauris interdum nec magna</p>
    </span>
</div>

CSS

div{
    width:465px;
    min-height:201px;
}
div span{
    display:inline-block;
    color:#FFF;
    border-bottom:1px #FFF solid;
    border-top:1px #FFF solid;
    margin:0 auto;  
}

需要输出

enter image description here

最佳答案

要以 margin 居中 horizo​​ntal,元素必须具有固定的 width

因为你正在使用 inline-block 试试这个:

div {
  text-align:Center;
}

关于html - margin 0 auto 到 div 内的跨度不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26612250/

相关文章:

html - 用 div 制作表格 - float 文本使用 float 在中心肩并肩

HTML图片元素在手机上下载错误图片

html - 当卡片展开悬停底行时

html - 设计在每一个决议中都失败了——我想我可能把事情定位错了

html - 使用 font Awesome 时居中 div 无法正常工作

javascript if语句如果url包含子字符串

html - 在 tbody 中应用滚动并修复标题

html - CSS Padding 溢出父级

html - 为什么在 HTML 中将 div 居中如此困难?

css - 在 jsfiddle 上使用 css 垂直居中文本