html - div 中多行文本的边框 (html/css)

标签 html css text border multiline

我想在多行文本周围加一个边框,我有:

Morbi hendrerit pretium nibh quis <span style='border: 1px solid black;'>
mattis. Blah blah blah</span> blah blah...

现在,当跨度超过一行时,会在每一行文本周围创建边框,我不想发生这种情况 - 我的目标是在整个 block 周围创建一个边框,文本是内联的( display:block/inline-block 没有正确完成工作)。

有没有一种不用 javascript 就能实现的方法?

最佳答案

将整个字符串包裹在一个div中并将其设置为display: inline-block。

<div style="border: 1px solid black; display: inline-block">
  Morbi hendrerit pretium nibh quis<br>
  mattis. Blah blah blah blah blah...
</div>

关于html - div 中多行文本的边框 (html/css),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9251786/

相关文章:

css - HTML5 contenteditable - 带有 contenteditable=false 的子 block 元素阻止将焦点放在父级上

c# - SqlDataReader 仅返回 SqlCommand 中的第一个选择

html - 背景图像切断了 Javascript 中的部分文本?

html - Div 元素在 float : right; 上变形

javascript - 对 php 和 javascript 中编码的文本进行转义

css - 如何使用 css 隐藏 wordpress 中的某些标签?

java - 如何从 java 中的文本文件创建字符串数组列表?

javascript - Bootstrap 模态未触发

mysql - 如何使用 winJS 与 MySQL 数据库交互?

javascript - 隐藏元素问题