Question

我使用<br>标签以html格式提供垂直空间。这在Firefox中运行良好，但不会改变谷歌浏览器中的spcaing。请告诉我错误。

主管部分

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

我的表单的一部分是：

<div id="filter-details"> 
 <form action="" method="post">
 From Date-Time:<br />
 <input type="text" id="startdate" name="startdate" value="">
 <br />
 To Date-Time:<br />
 <input type="text" id="enddate" name="enddate" value="">
 <br />

CSS样式表：

br {
    margin-bottom: 5.7px;
}

Answer 1

为Google Chrome添加以下css代码，设置content:" ";

br{
  display: block;
   margin: 5.7px 0;
  content: " ";
}

br{
  display: block;
   margin: 5.7px 0;
  content: " ";
}

<div id="filter-details"> 
 <form action="" method="post">
 From Date-Time:<br />
 <input type="text" id="startdate" name="startdate" value="">
 <br />
 To Date-Time:<br />
 <input type="text" id="enddate" name="enddate" value="">
 <br />

Answer 2

换行符应该只是换行符。看起来你试图控制线高。更好的方法是将line-height属性应用于包含元素。

#filter-details form {
  line-height: 1.8;
}

<div id="filter-details">
  <form action="" method="post">
    From Date-Time:
    <br />
    <input type="text" id="startdate" name="startdate" value="">
    <br />To Date-Time:
    <br />
    <input type="text" id="enddate" name="enddate" value="">

Answer 3

在不同的浏览器中，你不应该依赖br以相同的方式回应各种风格。您可以更改的唯一属性是font-size。

所以这是赋予br额外高度的方法。

＆＃13;

br {
  font-size:1.4em;
}

＆＃13;

<div id="filter-details"> 
 <form action="" method="post">
 From Date-Time:<br />
 <input type="text" id="startdate" name="startdate" value="">
 <br />
 To Date-Time:<br />
 <input type="text" id="enddate" name="enddate" value="">
 <br />

＆＃13;

<br/>标签对铬没有影响

3 个答案: