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 に答える