html - 如何使用 <br> 显示内联文本

标签 html css

<分区>

我有这样的标记:

<p>This is first line off text. <br>
   This is second line of text.
</p>

我想通过像这样添加 style="display:inline"来显示内联文本:

<p style="display:inline">This is first line off text. <br>
   This is second line of text.
</p>

但是不行,请问有什么css方法可以实现吗?

非常感谢

最佳答案

您可以在 <br> 上使用 display: none标签。我会根据 inline 设置它在 <p> 上设置的类父标签。 JSFIDDLE DEMO

p.inline br {
    display: none;
}

<p class="inline">This is first line off text. <br>
   This is second line of text.
</p>



reference

关于html - 如何使用 <br> 显示内联文本,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28069983/

上一篇:javascript - 可滚动元素被 overlay div 阻塞

下一篇:html - 如何使用 CSS 定位移动高度?

相关文章:

html - 在 Blackberry 10 Webworks 上管理数据角色选项卡

javascript - '显示' : 'block" div is appearing on all buttons(classes)

jquery - 如何设置菜单悬停延迟

javascript - 更改 DOM 元素的 html 内容并将其作为对象传递

html - Segoe UI Light 字体在 Google Chrome 中无法正确显示

html - 父选择器在 css4 中可用吗?

javascript - 增加视频循环迭代

css - 定位 CSS 类的第二个实例

javascript - 为什么单击过滤器按钮时我的网页会卡住?

css - 在nodejs中将css动画保存为jpeg/png