代码之家 › 专栏 › 技术社区 › user366312

CSS框边框

css

user366312 · 技术社区 · 15 年前

这是一个CSS问题。我需要从分区、列表或段落中删除空白。

-------------------------------------------
| This is my Text.                        |
-------------------------------------------

当需要时,如何将此分区/列表/段落(即任何框)转换为如下所示?

--------------------
| This is my Text. |
--------------------

反之亦然?

不管父容器是什么,这都应该有效。

2 回复 | 直到 15 年前

Quintin Robinson 15 年前

可以将包含“this is my text”的元素的样式更改为 display:inline 这将提供预期的效果。

值得注意的是,在不了解整个布局的情况下,或者只是将其设置为默认样式可能会产生不可预见的后果(导致通常的阻塞元素不会阻塞)。更好的解决方案是将文本包装在通常具有这种效果的元素中,或者将特定类应用于通常阻塞的元素以区分它们。

jerjer 15 年前

div、p、ul、ol、h[1-6]是块元素,必须将其更改为inline

<div style="display:inline">some content</div>

推荐文章

Jamie · 在CSS链接的文件名中添加Jinja占位符

7 月前

Mass · 如何在Tailwind CSS v4中创建配置

7 月前

magenta placenta · 将css变量合并为一个变量

7 月前

ptownbro · 重叠分区标签,同时保持以下所有分区和内容就位

7 月前

Luke Frost IEng MIMechE · Bootstrap 5.3在Div中的项目位置没有如我所期望的那样显示

7 月前

user29519291 · 为不同的变量创建一个带有可重用Click函数的简单菜单

8 月前

john Rizzo · 按钮背景颜色、悬停和活动状态存在问题

8 月前

Ben Halicki · 带有垂直和水平滚动条的表,使用HTML/CSS/Bootstrap-5固定行和列

8 月前

Luckkks · 过渡色工作不正常

8 月前

ModernEraCaveman · 如何对齐我的Bootstrap容器以适应网页的整个宽度?

8 月前