2

我的文字在底部，div但它需要在顶部div。

问题的图片。

我的 CSS 代码：

#pagetitle
{
    float: left;
    width: 472px;
    height: 109px;
    font-size: 80px;
    font-family: 'CodePro';
    padding: 0px;
    margin: 0px;
}

html, body{
    margin:0 !important;
    padding:0 !important;
    opacity: 0.99;

    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;

    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;

    background-color: #cfcfcf;
}

实时预览在链接

4

5 回答 5

2

试试这个：

#pagetitle
{
    line-height: 23px; /* or so, it depends on your need*/
}
于 2013-01-14T19:21:18.207 回答
1

似乎它与您使用的字体系列（CodePro）有关，如果您将字体系列更改为 Helvetica 之类的字体，您会看到您所期望的效果。您可以通过几种不同的方式调整文本的位置。

margin-top: -30px;

或者

line-height: 40px;

到#pagetitle，仅举几例。

于 2013-01-14T19:34:48.927 回答
0

它是字体的字体和大小。你可以给它一些负边距或一些行高。

#pagetitle {
   margin-top: -30px;
}
于 2013-01-14T19:28:27.467 回答
0

将此添加到您的CSS：

#pagetitle
{
    line-height: 10px;
}
于 2013-01-14T19:29:33.020 回答
0

如果使用 line-height 属性存在问题。我总是觉得使用安全...

position:relative;
top:-20px;

在

#pagetitle
    {
        float: left;
        width: 472px;
        height: 109px;
        font-size: 80px;
        font-family: 'CodePro';
        padding: 0px;
        margin: 0px;
        position:relative;
        top:-20px;
    }

玩弄top:-20px以获得所需的结果。

于 2013-01-14T19:46:43.557 回答