我写了以下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;
答案 0 :(得分:-1)
试试这个:
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;