HTML 中的 <pre> 标签。

HTML 中的 <pre> 标签。,第1张

pre 标签很适合显示计算机代码:比如下面的代码(HTML代码)

<html>

<body>

<pre>

这是

预格式文本。

它保留了 空格

和换行。

</pre>

<p>pre 标签很适合显示计算机代码:</p>

<pre>

for i = 1 to 10

print i

next i

</pre>

</body>

</html>

它在HTML里的现实结果就是:(显示结果)

这是

预格式文本。

它保留了 空格

和换行。

pre 标签很适合显示计算机代码:

for i = 1 to 10

print i

next i

<pre></pre>这个标签可以将其包起来的文字排版、格式,原封不动的呈现出来。你输入的东西被原封不动的输出,包括你输入的空格之类的,不用 和<BR>等来表示空格或者回车了.

用于显示源码的确是不错的方案

<pre>

$(

function() {

$("#selectBox").mousemove(

function(event) {

$("span:eq(0)").html($("#selectArea").position().left)

$("span:eq(1)").html(event.offsetX)

if ($("#selectArea").css("position") == "absolute") {

$("#selectArea").css({ left: event.clientX - $("img").offset().left })

$("#selectArea").css({ top: event.clientY - $("img").offset().top })

}

if ($("#selectArea").css("position") == "relative") {

$("#selectArea").css({ left: -(300 - event.offsetX) })

$("#selectArea").css({ top: event.offsetY })

}

}

)

}

)

</per>


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/6274063.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-03-19
下一篇 2023-03-19

发表评论

登录后才能评论

评论列表(0条)

保存