さまざまな入力ボックスの配列があり、入力するとデータベースが情報でいっぱいになります。次に、別のファイルから情報を取得して画面に出力します。
私がやりたいのは、各行の前に記号を付けることですが、.stylebr{}のようなものを使用します。動作しないようです。
MySQLから読み取り、それが重要な場合はWordpressを使用します。
編集：
私はそれがどのように見えるかを投稿するように頼まれました。これは非常に簡単だと思いますが、とにかくここにあります。
@ 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とInternetExplorerの両方で機能し、同じ結果が得られることに注意してください。ただし、スペースを削除すると、Firefoxはとにかくスペースを表示し、InternetExplorerはスペースを表示しません。スペースが欲しいので、これはあなたにとっては問題にならないだろうと思います。
どうですか
.mySelector:before { content: '@'; }