1

そのため、フォントのサイズが変更されたり、中央揃えになったりしません。私はたくさんのものを試しましたが、結果はありません。コード (テキスト) を中央揃えにしたいのですが、現在左揃えになっています。また、文字をもっと大きくしたいです。私のコードを見てください！

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');
}
4

3 に答える 3

2

引用符を外す

center

あなたのCSSで。そして、フォントサイズと色。

于 2013-05-11T23:45:14.033 に答える
1

これを次のように変更します。

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;
}
于 2013-05-11T23:45:37.123 に答える
0

div.home img {} で別の問題に気づきました。 float:top; があります。要素の上にフロートすることはできません。左、右、なし、または継承のいずれかがあります

于 2013-05-12T00:12:41.420 に答える