在Web应用程序中使用HTML表时消除换行符

时间:2016-10-22 02:13:53

标签: html css

我遇到了一个问题,我的应用程序/浏览器在HTML表格之前添加换行符,这是在显示表单中。我用换行符突出显示了空格,并在Web浏览器中进行了检查。我能够成功使用

div br{
    display: none;
}

除去换行符,但此操作还会删除应用程序的其他HTML组件中的所有其他换行符。我对CSS / HTML的体验非常有限,所以我要求输入,如何使用CSS删除表单中的换行符,而不会影响应用程序中的其他HTML组件。

enter image description here

1 个答案:

答案 0 :(得分:2)

你应该修复生成那么多<br>个标签的内容。

但要在特定元素中使用CSS删除它,您应该在该元素内定位<br>标记。

因此,如果您要删除<br>中的<p class="form-item form-desc bound-visible">标记,请在CSS中将其定位为:

.form-item br {
  display: none;
}

如果你想要使用多个类来定位元素,请执行以下操作:

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

如果您有多个包含课程form-item的表单和元素,那么您可以将id添加到表单中,然后定位您需要的表单。
像这样https://jsfiddle.net/py9n7xwe/