Question

我正在做一个小项目，细节并不重要：P

但我正在为多个类别创建多个div＆＃39;。如服务，联系等。

但我正在尝试调整<h1 class="h1-contact">。但它对某些原因并不起作用。

我已经尝试过使用这个问题查看其他主题，但不知何故，这些答案对我来说并不起作用。

CSS

.h1-contact {
  font-size: 30px;
  line-height: 1.8;
  text-transform: uppercase;
  font-family: "Montserrat", sans-serif;
  text-align: center;
}

HTML

<hr />
<br>
<div id="02">
<h1 class="h1-contact">Contact</h1>
<p>Hi</p>

我已经尝试在Element Inspect中查看是否有其他东西妨碍了我的h1-contact类，但它不是

有人可以帮帮我吗？非常感谢你！

~Justin van Dongen

修改

元素检查＆＃39;样式＆＃39;在Chrome的h1标签中：

    .h1-contact {
        font-size: 30px;
        line-height: 1.8;
        text-transform: uppercase;
        font-family: "Montserrat", sans-serif;
        text-align: center;
    }

*ALL THIS IS STRIKED IN CHROME*
    .h1, h1 {
        font-size: 36px;
    }
    .h1, .h2, .h3, h1, h2, h3 {
        margin-top: 20px;
        margin-bottom: 10px;
    }
    .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
        font-family: inherit;
        font-weight: 500;
        line-height: 1.1;
        color: inherit;
    }
    h1 {
        margin: .67em 0;
        font-size: 2em;
    }
    h1 {
        font-size: 30px;
        line-height: 1.8;
        text-transform: uppercase;
        font-family: "Montserrat", sans-serif;
    }

另一个编辑

以下是一些可能派上用场的链接：

JSFiddle：https://jsfiddle.net/justinvandongen/8Lyowreo/ 项目：http://justthinq.justinvandongen.nl

Answer 1

这里的问题是关闭timestamp lon lat id date time 2012-08-01 03:59:00 36.92288 0.3508941 1 2012-08-01 03:59:00 2012-08-01 03:59:01 36.92288 0.3508901 1 2012-08-01 03:59:01 2012-08-01 03:59:02 36.92288 0.3508868 1 2012-08-01 03:59:02 2012-08-01 03:59:03 36.92288 0.3508828 1 2012-08-01 03:59:03 2012-08-01 03:59:04 NA NA 1 2012-08-01 03:59:04 2012-08-01 03:59:05 36.92288 0.3508845 1 2012-08-01 03:59:05 2012-08-01 03:59:06 36.92288 0.3508866 1 2012-08-01 03:59:06 2012-08-01 03:59:07 36.92288 0.3508885 1 2012-08-01 03:59:07 2012-08-01 03:59:08 36.92288 0.3508903 1 2012-08-01 03:59:08 2012-08-01 03:59:09 36.92288 0.3508915 1 2012-08-01 03:59:09的错误或错位。导致h1右对齐的那个是在最后一个</div> div之后，但是你还有一个col-sm-6缺少一个，所以<div id="01">嵌套在它内部。我建议通过解析器运行你的html来验证任何其他缺少的关闭元素。

我还在<div id="02"添加了一个clearfix，以确保div的高度强制底部的接触部分从正确的位置开始。

这个JSFiddle应该涵盖我们讨论过的内容。我刚刚根据您的上次评论更新了它。

https://jsfiddle.net/khristopherallen/vufhju4n/2/

text-align：center;给我和text-align：对;为什么呢？

1 个答案: