Knockout.js 如何将具有数据绑定的变量放在同一行中

Knockout.js 如何将具有数据绑定的变量放在同一行中,knockout.js,Knockout.js,我是knockoutjs新手,我想把变量和我提供的文本放在同一行,但我找不到如何做,即使我放CSS样式,没有CSS样式的人能帮我吗 <div> <p>Age :</p> <div> <!--ko text: (person_age) --><!-- /ko --><p>year(s)</p></div> </div> 我想要这样: Age : 20 years(s)

我是knockoutjs新手,我想把变量和我提供的文本放在同一行,但我找不到如何做,即使我放CSS样式,没有CSS样式的人能帮我吗

 <div>
  <p>Age :</p>
 <div> <!--ko text: (person_age) --><!-- /ko --><p>year(s)</p></div>
 </div>
我想要这样:

Age :
20 years(s)

将字符串“年份”推到新行的是包装字符串的段落标记。为了得到你想要的,我会这样重写:

<p><span data-bind="text:person_age"></span> years</p>

这样,
person\u age
和“years”的值将在同一行。段落标记被称为“块级元素”,意味着它将以块的形式显示内容。跨度就是所谓的内联元素。请在此处了解更多信息:

还要注意,您使用的是knockout的“无容器语法”。我通常不会使用它,因为使用更整洁的
数据绑定
可以完成大部分需要做的事情。这样,您就可以坚持使用常规的HTML标记,而不使用
,我认为如果使用标记会很难看的话,ko设计师打算将其作为最后的策略

<p><span data-bind="text:person_age"></span> years</p>