我想在同一行的文本后面开始一行,我尝试使用以下简单的代码
<html><body>My Text<hr/></body></html>
似乎< hr>不是一个选项,因为它总是在一个新的行上,我希望该行从我的文本右侧开始.
有帮助吗？
解决方法
< hr>具有将其置于新行的默认样式.但是,默认样式可以被覆盖,就像对任何其他元素一样. < HR>本质上只不过是一个空的< div>使用默认边框设置.
要证明这一点,请尝试以下方法：
<div>Blah blah<hr style='display:inline-block; width:100px;' />dfgdfg</div>
有许多方法可以覆盖< hr>的样式.实现你的目标.
您可以尝试使用display：inline-block;以及宽度设置,如上所述.这种方法的缺点是需要你知道你想要的宽度,尽管有很多方法 – 宽度：100％;以及容器中的整行< div>溢出：隐藏;可能会做的伎俩,例如：
<div style='overflow:hidden; white-space:nowrap;'>Blah blah<hr style='display:inline-block; width:100%;' /></div>
另一种选择是使用float：left;.你需要将它应用于该行中的所有元素,并且我不喜欢这个选项,因为我发现float往往会导致比它解决的问题更多的问题.但试一试,看看它是否适合你.
您可以尝试各种其他风格组合 – 试一试,看看哪些有效.
