0

我有一系列不同的输入框，填充后会用信息填充数据库。然后，我从另一个文件中获取信息并将其打印到屏幕上。

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

从 MySQL 读取，如果重要的话，使用 Wordpress。

编辑：

我被要求发布我想要的样子。我认为这很简单，但无论如何：

@ Entry1
@ Entry2
@ Entry3

编辑＃2：

我更喜欢它在 CSS 中，如果那是不可能的，那么 PHP。Javascript 将是我想要的最后一个解决方案。

我尝试了以下方法，但它根本不起作用：

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

2 回答 2

1

嗨，看看你能用 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 则不会显示空格。我认为这对你来说不是问题，因为你想要空间。

于 2012-07-16T02:20:00.987 回答
0

怎么样

.mySelector:before { content: '@'; }
于 2012-07-16T09:15:47.343 回答