首页 \ 问答 \ CSS / HTML：窗口中的中心文本没有滚动条(CSS/HTML: Center text in window without scroll bars)

CSS / HTML：窗口中的中心文本没有滚动条(CSS/HTML: Center text in window without scroll bars)

 我到处寻找在窗口中居中文本，我相信我找到了最好的解决方案（我相信......我还有其他的建议）。 但是，无论窗口有多大或多小，我都会在两侧看到这些恼人的滚动条。  
 你们可以看看这个代码/小提琴，让我知道为什么滚动条在那里以及如何删除它们？  
<!DOCTYPE html>
<html>
  <head>
    <link href='http://fonts.googleapis.com/css?family=Sigmar+One' rel='stylesheet'       type='text/css'>
  <style>
    body {
        font-family: 'Asset', cursive;
        font-size: 100px;
        text-shadow: 4px 4px 4px #aaa;

        width: 100%;
        height: 100%;
    }

    div {
        position:absolute; 
        height:100%; 
        width:100%;
        display: table;
    }

    h1 {
        display: table-cell;
        vertical-align: middle;
        text-align:center;
    }

  </style>
  </head>
  <body>
    <div>
    <h1>HELLO</h1>
    </div>
  </body>
</html>
 
 http://jsfiddle.net/rYe7V/ 

I've looked everywhere to center text in a window and I believe I found the best solution (I believe... I'm up for other suggestions). However, I get these annoying scroll bars on both sides no matter how large or small the window is. 
Can you guys take a look at this code/fiddle and let me know why the scroll bars are there and how to remove them? 
<!DOCTYPE html>
<html>
  <head>
    <link href='http://fonts.googleapis.com/css?family=Sigmar+One' rel='stylesheet'       type='text/css'>
  <style>
    body {
        font-family: 'Asset', cursive;
        font-size: 100px;
        text-shadow: 4px 4px 4px #aaa;

        width: 100%;
        height: 100%;
    }

    div {
        position:absolute; 
        height:100%; 
        width:100%;
        display: table;
    }

    h1 {
        display: table-cell;
        vertical-align: middle;
        text-align:center;
    }

  </style>
  </head>
  <body>
    <div>
    <h1>HELLO</h1>
    </div>
  </body>
</html>
 
http://jsfiddle.net/rYe7V/

原文：https://stackoverflow.com/questions/18164754

更新时间：2023-01-15 16:01

最满意答案

 
  返回类型实际上是InputStream的InputStream还是子类？  
 
 是的，抽象类无法实例化，返回的对象将是InputStream子类的类型，您可以在此处从API中找到InputStream的子类 

 
 Is the return type is actually InputStream or subclass of InputStream? 
 
Yes, abstract classes can't be instantiated and the returned object will be the type of the subclass of InputStream, you can find the subclasses of the InputStream from the API here

CSS / HTML：窗口中的中心文本没有滚动条(CSS/HTML: Center text in window without scroll bars)

最满意答案

相关问答

了解getInputStream和getOutputStream(Understanding getInputStream and getOutputStream)[2024-01-10]

gmpy源代码(gmpy source code)[2022-11-25]

进程getInputStream（）永远不会结束(Process getInputStream() never ends)[2022-04-17]

UIWebView源代码(UIWebView Source code)[2023-05-14]

Java从网站获取源代码(Java get Source code from Website)[2022-08-15]

Java Servlet getInputStream错误(Java Servlet getInputStream error)[2022-10-21]

getInputStream（）源代码(getInputStream() Source code)[2024-03-10]

遇到.getInputStream（）的问题(Having problems with .getInputStream())[2022-09-21]

Magento源代码(Magento Source code)[2022-05-15]

getInputStream（）上的java.io.FileNotFoundException(java.io.FileNotFoundException on getInputStream())[2022-03-09]

相关文章

最新问答