时间戳

首页 > 解决方案 > HTML让html元素只影响div内部

html - HTML让html元素只影响div内部

问题描述

我不知道如何解决一个特殊的问题。我在谷歌搜索它，但我什么也找不到，可能是因为我没有正确的关键字来找到解决方案。

我将用一个例子来解释我的问题：

<div>
    <label>Message</label>
    <div id="messageContent">
        <b>Title:</b>
        The content of the message
        <u>Other type of content
    </div>
    <div id="differentContent">
        The content of this div should not be affected by the "<u>" of the messageContent div
    </div>
</div>

我现在的问题是我有一个 div 来显示不同的消息，如果有任何没有结束标记的内容，它也会影响页面上的每个后续文本，有时它还会破坏页面的结构。我想要的是messageContentdiv 内的所有内容都不会影响它之外的任何内容。

标签： html

解决方案

在 HTML 中，每个打开的标签都需要关闭。由于您有一个u从不关闭的打开标签，因此您的浏览器会将适当的样式（在本例中为下划线）应用到页面末尾。要解决此问题，您只需关闭要结束的标签，如下所示：

<u>Other type of content</u>

在differentContent div, 由于您试图将标签显示为纯文本，因此您需要使用适当的字符来转义这些字符串：&lt;u&gt;

推荐阅读