我已经创建了代码来打印一些数据.

<!DOCTYPE html>
<html>
<body>

<h1>The p element</h1>

<p>This is a paragraph.</p>
<p>This is a paragraph.</p>
<p>This is a paragraph.</p>

</body>
</html>

这给了我以下结果:

The p element
This is a paragraph.

This is a paragraph.

This is a paragraph.

但我想要做的是在不删除<p>标签的情况下连接这三行.

我的预期结果是:

The p element
This is a paragraph. This is a paragraph. This is a paragraph.

推荐答案

如上所述,稍微改变一下 struct 应该能起到作用.只需将三个p元素包装成div并使用flexbox即可.

.wrapper {
  display: flex;
  align-items: center;
}
<h1>The p element</h1>

<div class="wrapper">
    <p>This is a paragraph.</p>
    <p>This is a paragraph.</p>
    <p>This is a paragraph.</p>
</div>

Html相关问答推荐

首字下沉非字母字符

从网页中提取URL

禁用所有行,但在16角中单击编辑按钮的行除外

如何在css中在span中绘制圆弧?

来自元标记的响应文本

如果您将带有 html 标签的字符串数据(name : test) 放在 `

使用 Thymeleaf 将图像水平居中

如何在CSS伪类函数中使用复合 Select 器:host-context()

::可点击图标之前

主要元素内滚动时,固定导航栏会消失

如何使背景 colored颜色 逐渐渐变成另一种 colored颜色 ?

Flex布局中,当父元素高度较高时,交叉轴上出现额外的空白问题.

如何在 Flex 对齐内容框下显示隐藏按钮和文本

更改标签标签的大小

为什么在使用src与srcdoc时 iframe 内容高度呈现不同?

为什么将 p 元素的垂直边距设置为 1 px 会出现滚动条?

下拉菜单项在页面加载时显示,需要隐藏直到悬停

是否有一种静态方式可以根据暗模式 Select 一张或另一张图像?

那里有一个类似于 ?

在 EJS 中将元素放置在彼此下方的列中