<分区>
css - 如何居中一个元素？
我想将上传文件的元素居中。现在它是左对齐的。
<p class="text-muted">Bla-bla-bla
<input type="file" name="attachment" id="attachment" onchange="document.getElementById('moreUploadsLink').style.display = 'block';" />
</p>
我测试了 ).text-align = 'center';"，但它不起作用。
更新:
<div class="col-md-4">
<span class="fa-stack fa-4x">
<i class="fa fa-circle fa-stack-2x text-primary"></i>
<i class="fa fa-tasks fa-stack-1x fa-inverse"></i>
</span>
<h4 class="service-heading">Practical Session #1</h4>
<p class="text-muted" style="text-align:center;">Bla-bla-bla
<input type="file" name="attachment" id="attachment" onchange="document.getElementById('moreUploadsLink').style.display = 'block';" /></p>
</div>
最佳答案
使用内联样式: 样式 =“显示: block ；边距:0 自动； 这应该可以解决它
<div class="buttonHolder">
<p class="text-muted" style="text-align:center;">Bla-bla-bla</p>
<input type="file" name="attachment" class="attachment" onchange="document.getElementById('moreUploadsLink');" style="display: block; margin: 0 auto;"/></p>
</div>
关于css - 如何居中一个元素？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/34962676/