<br>標記對鍍鉻沒有影響

我已經使用<br>標記以html窗體樣式提供垂直空間。這在Firefox中正常工作，但不會改變谷歌瀏覽器中的spcaing。請讓我知道這個錯誤。<br>標記對鍍鉻沒有影響

頭部分

<!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; 
}

來源

2016-09-28 Ayaz

加入谷歌瀏覽器下面的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 />

來源

2016-09-28 07:53:58 Gowtham

這解決了這個問題。非常感謝。 – Ayaz

換行符應該是剛剛換行。它看起來像你試圖控制行高。更好的方法是將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="">

來源

2016-09-28 08:04:16 Quentin

你不應該指望br應對各種風格在不同的瀏覽器相同的方式。你可以改變任何一致性的唯一財產是font-size。

所以這是給予br額外高度的方法。

br { 
 
    font-size:1.4em; 
 
}

<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 />

來源

2016-09-28 08:07:12

仍然面臨一些問題。雖然鉻是固定的，但Firefox顯示的尺寸相當大。我也嘗試過使用字體大小，沒有幫助。還試圖重置CSS屬性。 – Ayaz

<br>標記對鍍鉻沒有影響

回答

相關問題