[英]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;
}
我尝试了以下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.