如何在HTML中更改<br/>标签的高度?

时间:2018-02-08 04:43:56

标签: php html css

我想更改<br>代码的高度。 这段代码写在HTML标签里面,我试过了:

echo "<br style="padding-top:xxpx;">"

但是,它不起作用:

          echo " $x" . " Degree"."<br>"."<br>"."<br>"."<br>";
          echo " $y" . " percent"."<br>"."<br>"."<br>";
          echo " $a" . " percent"."<br>"."<br>"."<br>"."<br>";
          echo " $b" . " percent"."<br>"."<br>"."<br>"."<br>";
          echo " $c" . " percent"."<br>"."<br>"."<br>"."<br>";
          echo " $d" . " percent";
          header("Refresh:5");
//}else {
//echo "No Results";
//}

//$conn->close();

?>
</div>

3 个答案:

答案 0 :(得分:1)

这是一个很小的CSS,可以回答你的问题:

br
{
   display: block;
   margin: 10px 0;
}

但是,我建议您使用<div>格式化您的布局,而不是使用<br>标记。

答案 1 :(得分:1)

由于'margin'在Chrome中不起作用,所以这就是我改用'border'的原因。

br {
  display: block;
  content: "";
  border-bottom: 10px solid transparent; // Works in Chrome/Safari
}
@-moz-document url-prefix() {
  br {
    margin-bottom: 10px; // As 'border-bottom' doesn't work in firefox and 'margin-bottom' doesn't work in Chrome.
  }
}

答案 2 :(得分:0)

不了解<br>的高度变化。将<br>元素放在<p>代码中,并将行高应用于<p>元素

echo '<p style="line-height:30px;margin:0px;"><br></p>

或者只是最好的尝试这个

echo"<p style='margin:0px;'line-height:20px;>Your content Here</p>";