看起来<hr>创建新行

-5

“hr”元素创建类似于段落元素“p”的新行吗？因为我增加了一个“HR”元素，以我的表元素，它给出了这样的图像中的结果：看起来<hr>创建新行

enter image description here

编辑：

<fieldset style="border: solid 1px "><legend>alertes offres/demandes</legend> 
<div><a href="service.php?action=ServiceAjouterAlerteOD"><img src="http://localhost/bazarmada/pages/img/icons/plus.png" alt="Ajouter un alerte d'abonnement" /></a></div> 
<div style="background-color:#cafbb7;"><b>March&eacute; : </b>Ambalavao</div> 
<table width="100%"> 
    <tr> 
     <td align="center" width="25%">Mardi</td> 
     <td align="center" width="60%">Akotry</td> 
     <td align="center" width="5%"><input type="checkbox" value="12" checked onchange="aboDesabo($(this), $(this).val(), 'Akotry');" /></td> 
     <td align="center" width="5%"><a href="service.php?action=ServiceAjouterAlerteOD&id=12"><img src="http://localhost/bazarmada/pages/img/icons/edit.png" alt="Modifier" style="height:10px;width:10px;" /></a></td> 
     <td align="center" width="5%"><a id="a_del" href="#" onclick="ask(12);"><img src="http://localhost/bazarmada/pages/img/icons/cross.png" alt="Supprimer" style="height:10px;width:10px;" /></a></td> 
    </tr> 
    <tr> 
     <td align="center" width="25%"></td> 
     <td align="center" width="60%">Akotry gasy</td> 
     <td align="center" width="5%"><input type="checkbox" value="13" onchange="aboDesabo($(this), $(this).val(), 'Akotry gasy');" /></td> 
     <td align="center" width="5%"><a href="service.php?action=ServiceAjouterAlerteOD&id=13"><img src="http://localhost/bazarmada/pages/img/icons/edit.png" alt="Modifier" style="height:10px;width:10px;" /></a></td> 
     <td align="center" width="5%"><a id="a_del" href="#" onclick="ask(13);"><img src="http://localhost/bazarmada/pages/img/icons/cross.png" alt="Supprimer" style="height:10px;width:10px;" /></a></td> 
    </tr> 
    <tr> 
     <td align="center" width="25%"></td> 
     <td align="center" width="60%">Akotry sebota</td> 
     <td align="center" width="5%"><input type="checkbox" value="14" onchange="aboDesabo($(this), $(this).val(), 'Akotry sebota');" /></td> 
     <td align="center" width="5%"><a href="service.php?action=ServiceAjouterAlerteOD&id=14"><img src="http://localhost/bazarmada/pages/img/icons/edit.png" alt="Modifier" style="height:10px;width:10px;" /></a></td> 
     <td align="center" width="5%"><a id="a_del" href="#" onclick="ask(14);"><img src="http://localhost/bazarmada/pages/img/icons/cross.png" alt="Supprimer" style="height:10px;width:10px;" /></a></td> 
    </tr> 
    <tr> 
     <td align="center" width="25%"></td> 
     <td align="center" width="60%">Akotry tsipala</td> 
     <td align="center" width="5%"><input type="checkbox" value="15" checked onchange="aboDesabo($(this), $(this).val(), 'Akotry tsipala');" /></td> 
     <td align="center" width="5%"><a href="service.php?action=ServiceAjouterAlerteOD&id=15"><img src="http://localhost/bazarmada/pages/img/icons/edit.png" alt="Modifier" style="height:10px;width:10px;" /></a></td> 
     <td align="center" width="5%"><a id="a_del" href="#" onclick="ask(15);"><img src="http://localhost/bazarmada/pages/img/icons/cross.png" alt="Supprimer" style="height:10px;width:10px;" /></a></td> 
    </tr> 
</table> 
<div style="background-color:#cafbb7;"><b>March&eacute; : </b>Merimandroso</div> 
<table width="100%"> 
    <tr> 
     <td align="center" width="25%">Lundi</td> 
     <td align="center" width="60%">Peta kofehy</td> 
     <td align="center" width="5%"><input type="checkbox" value="11" checked onchange="aboDesabo($(this), $(this).val(), 'Peta kofehy');" /></td> 
     <td align="center" width="5%"><a href="service.php?action=ServiceAjouterAlerteOD&id=11"><img src="http://localhost/bazarmada/pages/img/icons/edit.png" alt="Modifier" style="height:10px;width:10px;" /></a></td> 
     <td align="center" width="5%"><a id="a_del" href="#" onclick="ask(11);"><img src="http://localhost/bazarmada/pages/img/icons/cross.png" alt="Supprimer" style="height:10px;width:10px;" /></a></td> 
    </tr> 
    <tr><td colspan="5"><hr /></td></tr> 
    <tr> 
     <td align="center" width="25%">Jeudi</td> 
     <td align="center" width="60%">Rary penjy</td> 
     <td align="center" width="5%"><input type="checkbox" value="19" checked onchange="aboDesabo($(this), $(this).val(), 'Rary penjy');" /></td> 
     <td align="center" width="5%"><a href="service.php?action=ServiceAjouterAlerteOD&id=19"><img src="http://localhost/bazarmada/pages/img/icons/edit.png" alt="Modifier" style="height:10px;width:10px;" /></a></td> 
     <td align="center" width="5%"><a id="a_del" href="#" onclick="ask(19);"><img src="http://localhost/bazarmada/pages/img/icons/cross.png" alt="Supprimer" style="height:10px;width:10px;" /></a></td> 
    </tr> 
</table>

那么如何去除空白“hr”元素上下的线？

来源

2014-09-22 pheromix

这不就是其中''

标记是？ – Azrael 2014-09-22 08:08:08

为什么不在你的细胞上放置一个边框？像'td {border-bottom：solid 1px #CCC; }' – misterManSam 2014-09-22 08:08:32

但我想要像上面四行那样的行;怎么做？ – pheromix 2014-09-22 08:08:50

默认<hr>标记显示一条水平线。但在你的情况下，可以有一个覆盖默认外观的CSS规则。使用inspect元素并检查表中hr标签的匹配CSS规则。

我的测试Test

来源

2014-09-22 08:14:10 Susantha

是的，在CSS文件中有一个边缘底部样式，并且我在“hr”元素中内联了这个样式。 – pheromix 2014-09-22 08:34:55

看起来<hr>创建新行

回答

相关问题