Question

我刚开始使用html，请看下面的代码：

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta content="text/html; charset=ISO-8859-1" http-equiv="content-type">
<title>jklm</title>
</head>
<body style="background-color: black;">
<div contenteditable="false" id="uiti" 
 style="width: 100%; background-color: whitesmoke;">
<img src="universal.bmp" alt="universal" height="80"
 width="60"> &nbsp; &nbsp; &nbsp; &nbsp;
 &nbsp; &nbsp; &nbsp; &nbsp;kkk</div>
</body>
</html>

上面创建了一个可以编辑的div。你可以在上面写任何我不想要的东西。我只想把它作为不可编辑的怎么办？。

Answer 1

我在您的代码中发现了一些小问题：

您需要通过添加/ before＆gt;来关闭 img 标记。 ......像这样：

<img src="universal.bmp" alt="universal" height="80" width="60"/>

也......你不需要contenteditable =“false”。它默认情况下不可编辑。如果您想使其可编辑，请执行：contenteditable="true"

Answer 2

默认情况下，div是不可编辑的。您可以将属性 contenteditable 设置为true或简单地添加属性本身来添加该功能。

删除它（或将其设置为false）＆amp;将缺少的 /＆gt; 添加到图片

<body style="background-color: black;">
    <div contenteditable="false" id="uiti" style="width: 100%; background-color: whitesmoke;">
     <img src="universal.bmp" alt="universal" height="80" width="60" /> 
        &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;kkk
    </div>
</body>

这是fiddle

不可编辑的Div On HTML5

2 个答案: