Question

df = df.clip(lower=0)字体大小发生变化，但不会居中。只有刚刚开始学习HTML，所以这很可能是菜鸟的错误。任何建议表示赞赏，谢谢！

headertext

.main {
  margin-left: 220px; /* Same as the width of the sidenav */
  margin-top: 20px; /* Same as the width of the sidenav */
  font-size: 20px; /* Increased text to enable scrolling */
}
    
.main headertext {
  font-size: 45px;
  text-align: center;
}

Answer 1

headertext不是有效的HTML元素。将其更改为类别为div的{{1}}，我认为这可以解决您的问题，以下代码段：

headertext

.main {
    margin-left: 220px;
    margin-top: 20px;
    font-size: 20px;
}

.main .headertext {
    font-size: 45px;
    text-align: center;
}

Answer 2

您的问题是没有<div class="main"> <div class="headertext"> ExampleTitle </div> <p> Welcome to my website.</p> </div>元素。您需要使用<headertext>（最大）到<h1>（最小）。如果您希望居中，请使用以下CSS：

<h6>

Answer 3

实际上，如果您希望它（实际上）充当标题，则应该给它加上h1标签。像这样

.main {
    margin-left: 220px;
    margin-top: 20px;
    font-size: 20px;
}

h1 {
    font-size: 45px;
    text-align: center;
}

<div class="main">      
        <h1> ExampleTitle </h1>
        <p> Welcome to my website.</p>
</div>

这将告诉浏览器和使用屏幕阅读器的人们这实际上是标题。您可能会受益于阅读html标签。这是一个有用的链接，尽管它看起来不堪重负，但您很快就会习惯它。 https://www.w3schools.com/tags/ref_byfunc.asp

Answer 4

没有名为headertext的元素。相反，您可以使用header，它是标准的整体包装，或者是h1 / h2 / h3 / h4 / h5 / {{1} }，通常用于表示标题。

在代码中，如果要遵循第一个标题，则可以遵循以下代码：

h6

.main {
    margin-left: 220px;
    margin-top: 20px;
    font-size: 20px;
}

.header-text {
    font-size: 45px;
    text-align: center;
}

但是似乎与其他内容不符。我想您正在寻找以下内容。

<div class="main">      
        <h1 class="header-text"> ExampleTitle </h1>
        <p> Welcome to my website.</p>
</div>

.main {
  /*margin-left: 220px;*/ //remove this line
  margin-top: 20px;
  font-size: 20px;
  text-align: center; //added this line
}

.header-text {
  font-size: 45px;
  /* text-align: center; */
}

我添加了您现在可以尝试的两种方式。但是仍然有很多方法可以为您提供解决方案。 HTML，CSS

HTML格式问题

4 个答案: