WebアプリケーションでHTMLテーブルを使用するときに改行を削除する

Question

表示フォーム内のHTMLテーブルの上に、アプリケーション/ブラウザに先行する改行に関する問題が発生しています。私は改行でスペースを強調表示し、Webブラウザで検査を行いました。しかし私は、このアクションは、アプリケーションの他のHTML要素内の他のすべての改行を削除し、成功裏に改行を除去するために

div br{ 
    display: none; 
} 

を使用することができました。 CSS/HTMLに関する私の経験は非常に限られているので、アプリケーション内の他のHTMLコンポーネントに影響を与えずに、フォーム自体の改行がCSSを使用してどのように削除されるかについて、入力を求めています。

Answer 1

あなたはそれほど<br>タグを生成し、何でも解決しなければなりません。

しかし、特定の要素内でCSSを使用してそれを削除するには、その要素内に<br>タグを指定する必要があります。

ですから、CSSでこのように、その後<p class="form-item form-desc bound-visible">内<br>タグを削除し、それをターゲットにwan't場合：

.form-item br { 
    display: none; 
} 

あなたは複数のクラスはこのようにそれを行うと要素をターゲットにする場合：

.form-item.form-desc.bound-visible br { 
    display: none; 
} 

form-itemのフォームと要素が複数ある場合は、フォームにidを追加して、必要なフォームだけをターゲットにすることができます。
このようなものhttps://jsfiddle.net/py9n7xwe/