Question

我想让文字居中，但第二行不想提出一些帮助吗？

 <div class="slog-log"  style="margin-bottom: 2px; ">
   <div class="row">

       <div class="col-md-3 " style="margin: 1px 0px 19px 15px ;width: 140px;height: 90px;">
           <img  src="images/logo.png" alt="" class="img img-responsive" ><!--style="margin:15px;"-->
       </div> 
       <div class="col-md-9" style="width: 992px;height: 90px;background-color: #777;margin: 9px 0px 0px 7px;">
           <i ><h3 style="margin-left: 30%;">Orum Lipsum Blaste</h3></i>
           <i ><h3 style="margin-left: 20%;">laba Raba Lokus Focus</h3></i>
      </div> 
    </div>     
  </div>

Answer 1

第一行和第二行未居中，因为应用了margin-left。删除它并添加text-align: center;

<i><h3 style="margin-left: 30%; padding-top:15px;">Orum Lipsum Blaste</h3></i>
<i><h3 style="margin-left: 20%;">laba Raba Lokus Focus</h3></i>

http://jsbin.com/yegogefaqaxo/2/edit

Answer 2

关于文本的居中，试试这个简单（将text-align：center添加到包含div）：

<div class="col-md-9" style="width: 992px;height: 90px;background-color: #777;margin: 9px 0px 0px 7px; text-align:center">
       <i><h3>Orum Lipsum Blaste</h3></i>
       <i><h3>laba Raba Lokus Focus</h3></i>
  </div>

HTML文本定位未在中心对齐

2 个答案: