主页 / 问题 / 1434742
Accepted
Teoom07
Asked:2022-08-31 15:14:18 +0800 CST2022-08-31 15:14:18 +0800 CST

如何正确执行该行？

  • 772

大家好，我一直在练习布局，偶然发现了一个新问题，在标题附近的屏幕边缘出现一条线：

在此处输入图像描述

而且现在不知道怎么正确实现，通过border-bottom，或者下载，插入，或者需要线从屏幕大小缩放。

这是布局的链接：https ://www.figma.com/file/gBEwh0z9OcWrV6TGs8H2Ij/%D0%BF%D0%BE%D1%82%D1%80%D1%84%D0%BE%D0%BB %D0% B8%D0%BE-%D1%85%D1%83%D0%B4%D0%BE%D0%B6%D0%BD%D0%B8%D0%BA%D0%B0?node-id= 27%3A53

html

1 个回答

  1. Best Answer

    您可以使用伪元素：

    h1 {
  text-align: right;
}

h1::after {
  content: '';
  display: inline-block;
  vertical-align: middle;
  width: 15%;
  height: 1px;
  background-color: black;
  margin-left: .5em;
}
    <h1>Title</h1>

    • 1

相关问题