避免换行

Question

我想保持与问题相同的行。

第一个跨度内的div是从代码生成的，不能为此应用任何css！

<div class="main">
  <span class="nobr"><div>
Where is ur pen?
</div>
<span class="ast">*</span>
  </span>
</div>

.nobr {
  border: 1px solid blue;
  display: inline;
  width: 100%;
  float: left;
}

.main {
  width: 100px;
  border: solid 1px #000;
}

.ast {
  display: inline;
  border: 1px solid red;
}

http://jsfiddle.net/ByGVE/41/

内部div（它可以包含嵌套的div）是动态生成的代码（来自后端-Share SharePoint列表富文本字段的html）。我必须在问题后添加一个星号。

Answer 1

您可以将文本放在span而不是div中。 http://jsfiddle.net/ByGVE/42/

<div class="main">
  <span class="nobr">
    <span>Where is ur pen?</span>
    <span class="ast">*</span>
  </span>
</div>

或者如果div是动态生成的，您可以更新以下css

.nobr > div {
    display:inline;
}

Answer 2

你可以试试这个：

＆＃13;

＆＃13;

.nobr {
  
  display: inline;
  width: 90%;
  float: left;
}

.main {
  width: 150px;
  border: solid 1px #000;
  border: 1px solid blue;
}

.ast {
  display: inline;
  color: red;
}

＆＃13;

<div class="main">
  <div class="wrapper">
  <span class="nobr">
    Where is ur pen?
  </span>
  <span class="ast">*</span>  
</div>
  </div>

＆＃13;

＆＃13;

＆＃13;