html-使用CSS最小限度地包围文本

概述如何使用CSS和HTML做到这一点？>带边框的带彩色边框的文本>带边框的文本的边框将文本最小地包围>带边框的文本具有最大宽度>带边框的文本的边框不与相邻元素重叠渲染后,它应如下所示：对于边界,我使用的是：padding: 1.0em; border-style: solid; border-width: 2px; background

如何使用CSS和HTML做到这一点？

>带边框的带彩色边框的文本
>带边框的文本的边框将文本最小地包围
>带边框的文本具有最大宽度
>带边框的文本的边框不与相邻元素重叠

渲染后,它应如下所示：

对于边界,我使用的是：

padding: 1.0em;border-style: solID;border-wIDth: 2px;background-color: #FFFFCC;border-color:#E8E800;

如果我将CSS应用于< p&gt ;,则边框与浏览器窗口一样宽.我希望边框仅与文本一样宽(根据文本大小而变化),因此使用wIDth设置绝对宽度无效.我尝试了display：inline但是causes spacing issues with neighboring elements.我还尝试将上述CSS应用于< span>包含在< p>中,但是当文本过长且自动换行时,则无法使用.

最佳答案您是否尝试过尝试使用名为float的CSS属性？指定float：left会导致包含元素的宽度调整为文本-似乎是次要的效果,但是可以工作.

如果您不希望包含的元素排成一行,则可以添加< br />标签,也可以添加“ clear：both;”；风格.

我绝对认为这是可以实现的-您只需要找到属性/值的正确组合即可.

总结

以上是内存溢出为你收集整理的html-使用CSS最小限度地包围文本 全部内容，希望文章能够帮你解决html-使用CSS最小限度地包围文本 所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。