文字不在中心对齐而且尺寸不变

所以我的字体没有改变大小或者居中对齐。我尝试了一堆东西，但没有结果。我希望代码（文本）居中，但它目前正在对齐左侧。我也希望文字更大。请看看我的代码！文字不在中心对齐而且尺寸不变

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

来源

2013-05-11 Jon

如果你包含了生成的HTML而不是PHP代码，可能会更容易直观化。 – 2013-05-11 23:43:14

它改成这样：

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-11 23:45:37 user2336174

以引号断

center

在你的CSS。和这个问题的字体大小和颜色。

来源

2013-05-11 23:45:14 StephenWidom

另外，从'font-size'和'color'中删除引号。带引号的属性的解释不同。 – 2013-05-11 23:46:15

哦..这很简单...非常感谢。 – Jon 2013-05-11 23:46:28

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

来源

2013-05-12 00:12:41

文字不在中心对齐而且尺寸不变

回答

相关问题