我想在同一行的文本后面开始一行,我尝试使用以下简单的代码
<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往往会导致比它解决的问题更多的问题.但试一试,看看它是否适合你.
您可以尝试各种其他风格组合 – 试一试,看看哪些有效.
原文地址:https://www.jb51.cc/html/226675.html
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。