你怎么左对齐一个div？

Question

我尝试使用以下方式对齐div：

JScrollPane

和

<div class="col-md-3 float-left">

我尝试的是什么工作？

我现在尝试了浮动和！重要且仍然无法正常工作，所以这里有更多我的代码：

<div class="col-md-3" style="text-align: left;">

这是一张照片，看看我的意思。使用复选框和文本框到目前为止它们的标签看起来很糟糕。

Answer 1

如果没有更多代码或更具体的问题描述，则无法告诉您。无论如何，我的假设是你需要div左对齐的内容？根据您使用的类名，我假设您使用的是Bootstrap。在这种情况下，请尝试将此类添加到div：

text-left

如果这不起作用，请尝试：

style="text-align: left !important;"

如果第二个工作，你有CSS写在其他地方占主导地位，尝试找到这个CSS并删除/更改它。如果您对此感到困惑，请阅读CSS Specificity。不要无缘无故地离开!important;一般来说，这被认为是不好的做法。

参考： http://getbootstrap.com/css/#type-alignment

Answer 2

你想要一个div，而不是一个文本。所以你可以使用：

<div class="col-md-3" style="float:left">

Answer 3

对于div的左对齐

<div style="float: left;"></div>

用于左对齐文本

<p style="text-align:left;"></p>

Answer 4

尝试

<div class="col-md-1">

而不是

<div class="col-md-2">

在您的Label Div上 差距应该来自col-md-2的大小。如果选择col-md-1，则间隙应该更小。