0

メンバーの数と言葉を揃えてほしいです。

私は何を間違っていますか？

リンクはこちら

4

5 に答える 5

2

float:leftIDに追加stat-left

この更新されたデモを確認してください

于 2012-09-03T08:58:33.000 に答える
0

#stat-leftに与える`

display:inline-block

このように

#stat-left {
    display:inline-block;
    vertical-align:top;
}

デモ

于 2012-09-03T08:57:48.820 に答える
0

divを1つだけ使用してコードを最小限に抑えてコードを作成しようとしました

HTML

<div id="connections">
<p class="number"> 2,476 </p>
<p class="stat-right">Followers </p>
</div>

CSS

#connections {
    margin: 0px;
    width: 150px;
    font-family: calibri;
    font-size: 22;
    color: #444;
    border:1px solid red;
    overflow:hidden;
}
.number {
    margin: 0px;
    padding: 0px;
    float:left;
}
.stat-right {
    float:right;
    margin-top:7px;
}

デモを確認してください:- http://jsfiddle.net/EC63P/35/

于 2012-09-03T09:28:53.593 に答える
0

style="float:left"数字でdivに追加します:)

次のDivが左側からオブジェクトをフロートできるようにします:)

<div id="connections">
                <div id="stat">
                    <div style="float:left"id="stat-left">
                    <p span class="number"> 2,476 </p>
                    </div>
                    <div id="stat-right">
                    <p> Followers </p>
                    </div>
                </div>
            </div>
于 2012-09-03T09:00:57.687 に答える
0

You could quite easily condense your code. Rather than using a paragraph tag, why not use a span instead? Paragraph tags are automatically block level elements, but spans are inline by default.

jsfiddle.

于 2012-09-03T09:04:18.773 に答える