从行中删除空格

时间:2017-01-23 11:12:06

标签: css twitter-bootstrap

enter image description here

我写了以下Html / css。我无法找到一种方法去除"你好"周围的空白区域。我也很乐意将它们放在屏幕中(同时离开'你好'' World' - 左对齐) - 然而你问好的白色间距是什么我的头。

非常感谢任何线索。



<div class="row" style="border:solid 1px green;padding:0px;margin:0px;">
  <div class="col-lg-3 col-lg-offset-2 gauche" style="text-align:left;border:solid 1px red;width:120px;">
    <span style="font-size:14px;height:20px;border:solid 1px red;height:100px;">hello</span>
  </div>

  <div class="col-lg-5" style="vertical-align:middle;">
    <span style="font-size:14px;height:20px;border:solid 1px red;height:100px;">World</span>
  </div>
</div>
&#13;
&#13;
&#13;

1 个答案:

答案 0 :(得分:-1)

试试这个:

&#13;
&#13;
body {
    text-align: center;
}
            
body * {
    text-align: left;
}
            
.row {
    margin: auto;
    position: absolute;
    top: 50%;
    margin-top: -20px;
}
        
&#13;
<!DOCTYPE html>
<html lang="en">
<body>
    <div class="row" style="border:solid 1px green;display: inline-block;">
        <div class="col-lg-3 col-lg-offset-2 gauche" style="text-align:left;border:solid 1px red;display:inline-block;">
            <span style="font-size:14px;height:20px;border:solid 1px red;height:100px;">hello</span>
        </div>
    
        <div class="col-lg-5" style="vertical-align:middle;">
            <span style="font-size:14px;height:20px;border:solid 1px red;height:100px;">World</span>
        </div>
    </div>
</body>
</html>
&#13;
&#13;
&#13;