-2

どういうわけか、「この写真を一瞬にしてください」というテキストが表示されます。オーバーフローして正しく表示されていませんか？私は何が間違っているのでしょうか？

ここに私のソースと JSFiddle があります:

http://jsfiddle.net/tPSfy/

4

5 に答える 5

1

次の CSS ID (#share-action.moment p & #share-action p ) から幅を削除する必要があります。以下のコードを確認してください。固定幅が正しくフォーマットされていない理由です。

#share-action.moment p {
    color: #444444;
    float: left;
    font-family: Verdana,Geneva,sans-serif;
    font-size: 12px;
    line-height: 20px;
    margin: 0;
    padding: 0;
 /*   width: 70px; */
}
#share-action p {
    float: left;
    font-family: Verdana,Geneva,sans-serif;
    font-size: 12px;
    line-height: 20px;
    margin: 0;
    padding: 0;
 /*   width: 70px; */
}
于 2012-09-18T19:17:30.547 に答える
1

幅の代わりに: 70px

#share-action.moment p
    {
    ...
    width: auto;
    ...
    }
于 2012-09-18T18:52:20.060 に答える
0

迅速な修正のために、pタグをタグに置き換えることができます。そこspanに保持したい場合はp、 の幅を削除し70pxます。これにより、そのテキストが div の下に押し出されます。

#share-action.moment p /* remove width or place width: auto */

さらに調べてみると、share-action ids許可されていないものが 2 つあります。重複する可能性がありidsますclasses

于 2012-09-18T18:48:26.167 に答える
0

<p>そのテキストの周囲を削除するか、width割り当てられた を変更し<p>ます。

于 2012-09-18T18:48:43.023 に答える
0

float:left であるため、そのサイズはコンテナーに影響しません。clear:bothコンテナを展開するために空の要素を追加できます

于 2012-09-18T18:49:48.157 に答える