繁体   English   中英

PHP / CSS-检测nl2br中断

[英]PHP/CSS - detect nl2br breaks

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

我想做的是在每行前面放置一个符号,但是要使用.style br {};之类的东西。 似乎不起作用。

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

编辑:

我被要求张贴我想要的样子。 我认为这很简单,但是无论如何这里都是这样:

@ Entry1
@ Entry2
@ Entry3

编辑#2:

我希望它在CSS中,如果不可能的话,那就在PHP中。 Javascript将是我想要的最后一个解决方案。

我尝试了以下方法,但根本没有用:

.myform.lines br {
    border-bottom: 1px dashed #000000;
    background-color: #ffffff;
    display: block;
}

嗨,看看您可以使用CSS定位<br />吗?

我尝试了以下html页面:

<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>

这导致

hi
@ there
@ testing

again

以下是一些基本相同的代码-在每行的开头添加一个符号(@)(假设br后面有新行)。

<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不会显示任何空间。 我认为这对您来说不是问题,因为您需要空间。

怎么样

.mySelector:before { content: '@'; }

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM