如何居中对齐文本?CSS

i.ionel23

我有这个例子:

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"我的文本将与中心对齐,但缩进将无法正确排列

我希望文本与现在完全一样,但要与中心对齐。您能帮我解决这个问题吗?

提前致谢!

DACrosby

一种方法是使用一个wrapper元素来设置文本的左对齐,然后您的实际文本可以只是一个块元素,其宽度设置为看起来不错,并具有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 */
}
<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>

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

使用CSS将按钮中的多行文本居中对齐

来自分类Dev

对齐并居中<textarea>文本HTML / CSS?

来自分类Dev

居中对齐UILabel文本?

来自分类Dev

ul li左移后,如何使文本居中对齐?

来自分类Dev

如何在div中居中对齐文本

来自分类Dev

离子:如何使文本在卡体内居中并对齐

来自分类Dev

如何在文本的两侧居中对齐图标?

来自分类Dev

如何对齐文本以使该图像居中?

来自分类Dev

CSS-如何实现“向左浮动”和“文本对齐:居中”的混合效果?

来自分类Dev

如何在<span>中垂直居中对齐文本?

来自分类Dev

如何使文本右对齐,但div居中对齐?

来自分类Dev

如何用空格和换行符使文本居中对齐

来自分类Dev

使用媒体屏幕在Mobile中的CSS中居中对齐文本

来自分类Dev

文本在CSS中居中对齐或左对齐或左对齐,右对齐不居中

来自分类Dev

如何在OneNote的表格中垂直居中对齐文本

来自分类Dev

如何将文本与行内块元素垂直居中对齐

来自分类Dev

如何在转盘中居中对齐文本?

来自分类Dev

文本垂直居中对齐CSS

来自分类Dev

如何将文本居中对齐在左侧位置?

来自分类Dev

如何在CSS中居中对齐链接?

来自分类Dev

如何使用左对齐的文本叠加层居中图像

来自分类Dev

如何对齐居中对象中的文本

来自分类Dev

CSS-如何实现“向左浮动”和“文本对齐:居中”的混合效果?

来自分类Dev

如何在div中居中和垂直对齐文本?

来自分类Dev

如何过渡居中对齐的动态文本?

来自分类Dev

html css 外层 div 文本居中对齐,内 div 文本左对齐

来自分类Dev

如何居中对齐 TemplateField 的标题文本?

来自分类Dev

如何在不居中对齐内部文本的情况下居中对齐引导卡?

来自分类Dev

TextView 文本居中对齐

Related 相关文章

  1. 1

    使用CSS将按钮中的多行文本居中对齐

  2. 2

    对齐并居中<textarea>文本HTML / CSS?

  3. 3

    居中对齐UILabel文本?

  4. 4

    ul li左移后,如何使文本居中对齐?

  5. 5

    如何在div中居中对齐文本

  6. 6

    离子:如何使文本在卡体内居中并对齐

  7. 7

    如何在文本的两侧居中对齐图标?

  8. 8

    如何对齐文本以使该图像居中?

  9. 9

    CSS-如何实现“向左浮动”和“文本对齐:居中”的混合效果?

  10. 10

    如何在<span>中垂直居中对齐文本?

  11. 11

    如何使文本右对齐,但div居中对齐?

  12. 12

    如何用空格和换行符使文本居中对齐

  13. 13

    使用媒体屏幕在Mobile中的CSS中居中对齐文本

  14. 14

    文本在CSS中居中对齐或左对齐或左对齐,右对齐不居中

  15. 15

    如何在OneNote的表格中垂直居中对齐文本

  16. 16

    如何将文本与行内块元素垂直居中对齐

  17. 17

    如何在转盘中居中对齐文本?

  18. 18

    文本垂直居中对齐CSS

  19. 19

    如何将文本居中对齐在左侧位置?

  20. 20

    如何在CSS中居中对齐链接?

  21. 21

    如何使用左对齐的文本叠加层居中图像

  22. 22

    如何对齐居中对象中的文本

  23. 23

    CSS-如何实现“向左浮动”和“文本对齐:居中”的混合效果?

  24. 24

    如何在div中居中和垂直对齐文本?

  25. 25

    如何过渡居中对齐的动态文本?

  26. 26

    html css 外层 div 文本居中对齐,内 div 文本左对齐

  27. 27

    如何居中对齐 TemplateField 的标题文本?

  28. 28

    如何在不居中对齐内部文本的情况下居中对齐引导卡?

  29. 29

    TextView 文本居中对齐

热门标签

归档