我有这个例子:
http://jsfiddle.net/BRxKX/4477/
这是代码HTML:
<div class="container-fluid">
<div class="row">
<div class="col-sm-4 col-md-12 col-lg-12 " style="font-size:17px;color:white;">
<p class="text-left">- onorarii fixe;<br>
– onorarii orare, <br>
– onorarii orare şi fixe;<br>
– onorarii periodice;<br>
– onorarii de succes, în funcţie de rezultatul sau serviciul furnizat.
</p>
<p></p></div>
</div>
</div>
这是代码CSS:
.row
{
background:blue;
width:100%:
color:white;
}
我文本中的每一行都有一行以“ - ”开头。
如果我们应用"text-align: center"
,我的文字将与中心对齐,但缩进将无法正确排列
我希望文本与现在完全一样,但与中心对齐 你能帮帮我解决这个问题吗?
提前致谢!
答案 0 :(得分:0)
答案 1 :(得分:0)
.row
{
background:blue;
width:100%:
color:white;
margin-left:30%;
float:left;
}
答案 2 :(得分:0)
一种方法是使用一个包装元素来设置左边的文本对齐,然后你的实际文本可以只是一个块元素,其宽度设置为看起来很好并且左右边距为auto
。
.text-left-align-center{
display: block;
text-align: left;
}
.text-left-align-center p{
display: block;
margin-left: auto;
margin-right: auto;
width: 30%; /*whatever width is needed for your text */
}
&#13;
<div class="text-left-align-center">
<p>
- onorarii fixe;<br>
– onorarii orare, <br>
– onorarii orare şi fixe;<br>
– onorarii periodice;<br>
– onorarii de succes, în funcţie de rezultatul sau serviciul furnizat.
</p>
</div>
&#13;