如何消除div元素中的负空间？

html5 • • 问答 • 228 阅读

无法弄清楚如何消除我框中文本正上方的这个空间，当我改变高度时，文本保持静态。

    <!DOCTYPE html>
    <html lang="en">
      <head>
        <title> :/</title>
        <style>
          h1 {
              color: white;
              font-size: 1000%;
          }
        div {
            width: 200em;
            height: 110em;
            background-color: red;
        }
        </style>
      </head>
      <body>
          <div><h1>not workin :(</h2></div>
      </body>
    </html>

回答

<!DOCTYPE html>
<html lang="en">
  <head>
    <title> :/</title>
    <style>
      h1 {
          color: white;
          font-size: 1rem;
         }

    div {
        display:flex ;
        align-items:center ;
        width: 50vw;
        height: 80vh;
        background-color: red;
    }
    </style>
  </head>
  <body>
      <div><h1>not workin :(</h1></div>
  </body>
</html>

试试这个

以上是如何消除div元素中的负空间？的全部内容。
THE END
分享
二维码
< <上一篇
下一篇>>
相关内容