我正在尝试在
curl -H "Content-Type: application/json" \
-d '{"authToken": "nunyabinness", \
"payload": {"name": "foo", "content": "bar"} }' \
http://localhost:8080/json/wiki/create
内对文本应用边距，以使文本水平和垂直居中。我不确定是否有更好的方法来做到这一点，因为我对HTML和编程一般都很陌生。
div
当我尝试向<!-- begin header -->
<header style="background-color:#8b0000" style="height:50px;">
<!-- frankenstien-ish bootstrap grid within a bootstrap grid -->
<div class="row">
<div class="col-md-6">
<!-- this div is a placeholder div and has no content -->
</div>
<!-- this div contains all of the navigation buttons in their own bootstrap
grid -->
<div class="col-md-6">
<p style="text-align:center;margin">Test Text</p>
<!-- I know the margin has no value right now. Read question -->
</div>
</div>
</header>
<!-- end header -->元素应用边距时，边距会使标题更大，并且不会影响<p>元素的边距。如何将元素垂直和水平居中？ （<p>是测试。它将被替换为按钮）
答案 0 :(得分：0)
从代码中的注释中可以清楚地看到，您正在尝试创建一些导航按钮。我不确定引导程序，但总的来说，我更喜欢在构建导航按钮时使用列表项。原因是它非常容易控制，编辑和理解结构。
提出您的问题，弹性框非常适合将内容对齐在另一个内部，但我不希望在此用例中使用<li>或<div>标记 - ＆gt;在里面添加名称，然后使用填充设置间隙。
<ul class="navbtn">
<li>button 1 </li>
<li>button 2 </li>
<li>button 3 </li>
</ul>
现在CSS将是
.navbtn li {
padding : 10px 5px;
}
根据您的舒适度使用值 这将使框内的文本居中对齐。
在添加导航按钮时，使用列表项将比其他任何内容更加一致。