Question

所以我的字体不会改变大小或居中对齐。我尝试了很多东西，但没有结果。我希望代码（文本）居中，但它目前正在左边对齐。我也希望文本更大。请看一下我的代码！

HTML

<head>
    <link rel="stylesheet" type="text/css" href="style.css">
</head>

...

<div class="qt">
    <?
        $filename = "quotes.txt";
        function RandomLine($filename) { 
            $lines = file($filename); 
            echo $lines[array_rand($lines)]; 
        } 
        echo RandomLine($filename);
    ?>
</div>
<div class="home">
    <a href="http://www.jonsnow.net/index.php" id="h1"></a>
    <a href="http://www.jonsnow.net/gallery/" id="h2"></a>
</div>

CSS

div.home a {
    float: left;
    display: inline;
}

div.home img {
    float: top;
    display: inline;
}

div.home {
    position: absolute;
    top: 20%;
    bottom: 0;
    left: 0;
    right: 0;
    width: 1000px;
    margin: auto;
}

div.qt {
    text-align: "center";
    font-family: "Vivaldi";
    font-size: "44 px";
    color: "#000000";
    position: absolute;
    top: -60%;
    bottom: 0;
    left: 0;
    right: 0;
    width: 1000px;
    margin: auto;
    height: 62px;
    display: inline;
}

div.home #h1 {
    width:  500px;
    height: 350px;
    display: inline;
    background-image: url('header1.jpg');
}

div.home #h1:hover {
    background-image: url('header1hover.jpg');
}

div.home #h2 {
    width:  500px;
    height: 350px;
    display: inline;
    background-image: url('header2.jpg');
}

div.home #h2:hover {
    background-image: url('header2hover.jpg');
}

Answer 1

从

中取出引号

center

在你的CSS中

。以及字体大小和颜色。

Answer 2

将其更改为：

div.qt {
    text-align: center;
    font-family: Vivaldi;
    font-size: 44px;
    color: #000000;
    position: absolute;
    top: -60%;
    bottom: 0;
    left: 0;
    right: 0;
    width: 1000px;
    margin: auto;
    height: 62px;
    display: inline;
}

Answer 3

我注意到它的另一个问题，在div.home img {}你有浮动：顶部;你不能浮动一个元素顶部，你有左，右，无或继承

文本未在中心对齐且未更改大小

3 个答案: