首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >检测nl2br中断

检测nl2br中断
EN

Stack Overflow用户
提问于 2012-07-16 09:25:02
回答 2查看 1.3K关注 0票数 0

我有一个由各种输入框组成的数组,当输入框填满时,它会用信息填充数据库。然后,从另一个文件中获取信息并将其打印到屏幕上。

我想做的是在每一行前面放一个符号,但是使用像.style br {};这样的符号似乎不起作用。

从MySQL中读取,如果重要的话,可以使用Wordpress。

编辑:

我被要求发布我想要的样子。我认为这很简单,但不管怎样,下面是:

代码语言:javascript
复制
@ Entry1
@ Entry2
@ Entry3

编辑#2:

我更希望它是在CSS中,如果这是不可能的,那么PHP。Javascript将是我最不想要的解决方案。

我尝试了以下方法,但根本不起作用:

代码语言:javascript
复制
.myform.lines br {
    border-bottom: 1px dashed #000000;
    background-color: #ffffff;
    display: block;
}
EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2012-07-16 10:20:01

嗨,看看Can you target with css?

我尝试了下面的html页面:

代码语言:javascript
复制
<html><head><title>Test</title>
</head><body>
<script type="text/javascript" src="jquery-1.7.2.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
    $('br').replaceWith('<br>@ ');
});
</script>
hi<br>
there<br>
testing<p>
again<p>
</body></html>

这会导致

代码语言:javascript
复制
hi
@ there
@ testing

again

下面的代码也做了基本相同的事情-它在每一行的开头添加了一个符号(@) (假设新的行跟在br之后)。

代码语言:javascript
复制
<html><head><title>test2</title>
<script type="text/javascript">
function replaceLineBreaksWithHorizontalRulesInElement(element)
{
    elems = element.getElementsByTagName( 'br' );
    for ( var i = 0; i < elems.length; i ++ )
    {
        br = elems.item( i );
        txt = document.createTextNode("@ ");
        br.parentNode.insertBefore(txt, br.nextSibling);
    }
}
</script>
</head>
<body onload="replaceLineBreaksWithHorizontalRulesInElement(document)">
testing<br>
one<br>
two<br>
three<br>
four<br>
five<p>
six<p>
</body></html>

请注意,这在firefox和internet explorer中都有效,并给出了相同的结果。如果你删除了空格,那么firefox会显示一个空格,而internet explorer则不会显示任何空格。我认为这对你来说不是问题,因为你想要空间。

票数 1
EN

Stack Overflow用户

发布于 2012-07-16 17:15:47

怎么样

代码语言:javascript
复制
.mySelector:before { content: '@'; }
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/11497105

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档