Question

我的文字位于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;
}

实时预览位于link

Answer 1

试试这个：

#pagetitle
{
    line-height: 23px; /* or so, it depends on your need*/
}

Answer 2

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

margin-top: -30px;

或

line-height: 40px;

到 #pagetitle ，仅举几例。

Answer 3

它是字体的字体和大小。你可以给它一些负余量或一些线高。

#pagetitle {
   margin-top: -30px;
}

Answer 4

将此添加到您的css：

#pagetitle
{
    line-height: 10px;
}

Answer 5

如果使用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进行游戏以获得所需的结果。

div中的文本自动转到底部

5 个答案: