css 如何将hr元素定位到特定位置？

zpgglvta 于 2023-02-06 发布在其他

关注(0)|答案(2)|浏览(354)

我有一个问题，我想在我的网站上的人力资源元素下的文字，但我真的不知道如何做到这一点，我已经谷歌它，所以我希望有人能帮助我这里是我的问题
我创建了hr元素，只希望它是50%，现在我希望它位于文本上方的底部
我原以为hr元素只会在Text上出现一点

<hr style="width:50%; text-align:bottom" />

<div class="footer">
  Gemacht mit <span class="herz">❤</span> von
  <a href="https://fastdropgaming.github.io">
    <span class="fl">FastDrop Gaming</span>
  </a>
  
  <div>
    <small>&copy; <script src="assets/js/year.js"></script> FastDrop Gaming. Alle Rechte vorbehalten.</small>
  </div>

  <div>
    <small><a href="https://fastdropg.carrd.co/impressum"></span>Impressum</a> ● <a href="https://fastdropg.carrd.co/contact">Kontakt</a> ● <a href="https://fastdropg.carrd.co/privacy">>Datenschutz</a></div></small>
  </div>

css

来源：https://stackoverflow.com/questions/75337818/how-do-i-position-the-hr-element-to-a-specific-location

2条答案

按热度按时间

xwbd5t1u1#

显然，在你的 * 真实代码 * 中（你没有完整地在这里发布，但它产生了你添加的截图），你的页脚在底部有一个固定的位置（或类似的位置），所以只需将hr标签移到.footer div中，使其成为页脚的一部分（即在底部）：

.footer {
  position: fixed;
  bottom: 0;
}

<div class="footer">
  <hr style="width:50%; text-align:bottom" /> Gemacht mit <span class="herz">❤</span> von <a href="https://fastdropgaming.github.io"><span class="fl">FastDrop Gaming</span></a>
  <div>
    <small>&copy; <script src="assets/js/year.js"></script> FastDrop Gaming. Alle Rechte vorbehalten.</small></div>
  <div><small><a href="https://fastdropg.carrd.co/impressum"></span>Impressum</a> ● <a href="https://fastdropg.carrd.co/contact">Kontakt</a> ● <a href="https://fastdropg.carrd.co/privacy">>Datenschutz</a></div></small>
  </div>

赞(0）回复(0）举报 2023-02-06

wqlqzqxt2#

你应该把hr放在通用div“footer”里面：

<div class="footer">
<hr style="width:50%; text-align:bottom" />
        Gemacht mit <span class="herz">❤</span> von <a href="https://fastdropgaming.github.io"><span class="fl">FastDrop Gaming</span></a>
    <div>
        <small>&copy; <script src="assets/js/year.js"></script> FastDrop Gaming. Alle Rechte vorbehalten.</small></div>
    <div><small><a href="https://fastdropg.carrd.co/impressum"></span>Impressum</a> ● <a href="https://fastdropg.carrd.co/contact">Kontakt</a> ● <a href="https://fastdropg.carrd.co/privacy">>Datenschutz</a></div></small> 
    </div>

赞(0）回复(0）举报 2023-02-06

我来回答

css 如何将hr元素定位到特定位置？

2条答案

相关问题

热门标签

最新问答