在HTML中将纯文本添加<p> </p>

Question

我有一小段HTML

<div id="description"> Text with not paragraph tag</div>

CSS或JQUERY中有没有办法解决这个问题？

Answer 1

wrapInner()就是我想到的

$("#description").wrapInner('<p></p>');

将导致

<div id="description"><p>Text with not paragraph tag</p></div>

Answer 2

你实际上并不需要JQuery这样做（虽然Russ Cam已经指出JQuery可以通过一次函数调用快速而轻松地完成这项工作），但是很容易做到这一点。

var tag = document.getElementByID( "description" );
var originalHTML = tag.innerHTML;
tag.innerHTML = "<p>" + originalHTML + "</p>";

至于使用CSS，它是可行的，但它不是一个好主意。通常，在这种情况下最好使用实际的HTML。

但是，如果您只是想要解决该标记：

#description{
    padding-top: 10px;
}

Answer 3

您可以使用BODY css属性设置页面上的所有文本的样式，例如：

body {
 font-size: 1.3em;
}

这适用于HTML页面上包含的所有文本。不过，将文本封装在格式正确的HTML中确实更好;）