【问题标题】:How to put a space in front of a next line [closed]如何在下一行前面放一个空格[关闭]
【发布时间】:2015-02-28 20:28:04
【问题描述】:

我正在尝试在 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

【问题讨论】:

  • 这里没有足够的代码来提供明确的答案。你能发布一个简短的独立示例吗?

标签: html css twitter-bootstrap


【解决方案1】:

你可以添加一些&amp;nbsp;(html 空间),你会得到你想要的。 其他希望抓住&lt;div&gt; 中的最后一个字,然后设置&lt;div&gt; 的样式以留出几个像素

【讨论】:

    【解决方案2】:

    您可以使用伪元素插入 : 并在文本中保留它们的空间:

    <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

    【讨论】:

      猜你喜欢
      • 2020-03-08
      • 2010-09-23
      • 1970-01-01
      • 2010-12-12
      • 1970-01-01
      • 2021-05-01
      • 1970-01-01
      • 2019-09-01
      • 1970-01-01
      相关资源
      最近更新 更多