如何在同一个div中添加多段文字

您可以使用HTML中的段落标签 `<p>` 来添加多个段落文本。例如：

<div>
  <p>这是第一段文字。</p>
  <p>这是第二段文字。</p>
  <p>这是第三段文字。</p>
</div>

您还可以使用其他HTML标记来实现想要的效果，例如换行符 `<br>` 或段落缩进 `<blockquote>`。

相关问题

使用js在div中添加一个p标签并写入文字

可以使用以下代码实现：

// 获取要添加p标签的div元素
const myDiv = document.getElementById('myDiv');

// 创建p标签
const myP = document.createElement('p');

// 设置p标签的文本内容
myP.textContent = '这是一个新的段落。';

// 将p标签添加到div元素中
myDiv.appendChild(myP);

其中，`getElementById()` 方法用于获取指定id的元素，`createElement()` 方法用于创建新的元素，`textContent` 属性用于设置元素的文本内容，`appendChild()` 方法用于将新创建的p标签添加到指定的div元素中。

多个div添加圆角边框并且圆角边框上添加文字

要在一个或多个`<div>`元素上同时设置圆角边框并添加文本，你可以使用CSS来实现这个效果。以下是基本步骤：

1. 首先，在HTML中创建一个或多个`<div>`元素，并为其赋予一个类名以便在CSS中统一样式，例如：

<div class="rounded-box">圆角边框上的文字</div>

2. 然后在CSS文件中定义`.rounded-box`的样式，设置`border-radius`属性为所需的圆角大小，`border`属性来设置边框宽度、颜色和样式，最后使用`text-align`调整内联文本对齐方式：

.rounded-box {
  border: 2px solid #ccc; /* 设置边框颜色 */
  border-radius: 10px; /* 设置圆角大小，数值越大，圆角越明显 */
  padding: 10px; /* 内容与边框之间留出一些空间 */
  display: inline-block; /* 如果需要元素保持行内显示 */
  text-align: center; /* 文字居中对齐 */
}

如果你想让每个`<div>`的内容不同，直接在HTML里替换文本即可。