请看这个网站
如何使测试TEST处于包含范围的中间？
这是使用Twitter Bootstrap。
我尝试了不同方式的负载，例如CSS，内联样式，设置边距等，但是我无法获得跨度来做我需要的事情。好像它被绘制到其文本的确切宽度一样。
我的主要目的实际上是为了使Nationwide Alerts（全国警报）文本降低，使其与按钮位于同一行。
棘手的是，由于页面已调整大小，因此我无法为该范围设置硬编码宽度
保罗
在跨度上放置背景颜色，以查看为什么不起作用。这三个项目位于div中，没有与之关联的CSS。为了使跨度居中，您需要包围它的div至少具有width和text-align属性。
改变
<div>
<button id="btnPrevious" type="button">Previous</button>
<span style="width: 100%;text-align: center">TEST</span>
<button id="btnNext" type="button" style="float: right">Next</button>
</div>
到
<div class="centerTest">
<button id="btnPrevious" type="button">Previous</button>
<span style="width: 100%;text-align: center">TEST</span>
<button id="btnNext" type="button" style="float: right">Next</button>
</div>
使用您想要的名称并使用
.centerTest {
width:100%;
text-align:center;
}
此外，使用此标记，照原样的代码将使跨度居中，但是您必须将其添加float:left到btnPreviousID中。除非您正在设计HTML电子邮件，否则我将尽可能避免使用内联CSS，因此只需创建一个在CSS文件列表中包含LAST的CSS文件，然后在其中添加修改即可。
例如，如果btnPrevious位于模板的CSS文件中，请在您的CSS文件中添加
#btnPrevious {
float:left;
}
而且你很好。
编辑：
对不起，我刚刚在您的代码中搜索TEST，所以错过了Bootstrap部分。Bootstrap是使用这些类构建的，并且由于它们已经在容器中，因此您应该可以将其添加text-center到空白div中，并且可以完成此操作
改变
<div>
<button id="btnPrevious" type="button">Previous</button>
<span style="width: 100%;text-align: center">TEST</span>
<button id="btnNext" type="button" style="float: right">Next</button>
</div>
到
<div class="text-center">
<button id="btnPrevious" type="button">Previous</button>
<span style="width: 100%;text-align: center">TEST</span>
<button id="btnNext" type="button" style="float: right">Next</button>
</div>
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句