Question

我试图在bootstrap或css中实现这样的一些

<div class="col-xs-2">Description</div>
<div class="col-xs-4">: I am a noob</div>

我得到以下信息：

Description    : I am a 
               noob

我该怎么做？

Description    : I am a 
                 noob

Answer 1

您可以使用伪元素插入:并保留文本中的空格：

<div class="col-xs-6 doublep"><span>I am a noob</span></div>

.doublep {
  font-size: 0;
  white-space: nowrap;
}
.doublep:before {
  width: 15px;
  text-align: Center;
  font-size: 14px;
  content: ":";
  display: inline-block;
  vertical-align: top;
}
.doublep span {
  white-space: normal;
  font-size: 14px;
  display: inline-block;
  vertical-align: top;
}

选中 BootplyDemo

Answer 2

你可以添加一些 （html空格），你会得到你想要的。其他愿望抓住<div>中的最后一个字，然后将<div>设置为左边几个像素的边距

如何在下一行前放置一个空格

2 个答案: