2

そのため、いくつかのテキストをグループ化する P タグを使用して、ボックスから出ないようにして見栄えを良くしましたが、空白を追加すると: nowrap; （水平オーバーフローを作成するために）それはすべて壊れており、今では箱から出しており、これを修正する方法を見つけることができません.

更新コードが追加されました

#content {
    width:90%;
    height:450px;
    overflow-x:scroll;
    overflow-y:hidden;
    margin:auto;
    white-space: nowrap;
}


#picturePost {
    background:url(images/picture_post.png) no-repeat;
    width:252px;
    height:430px;
    padding-top:25px;
    padding-left:20px;
    padding-right:20px;
    padding-bottom:25px;
    display:inline-block;
}

次に、picturePost div をコンテンツ div 内に数回配置します。

4

1 に答える 1

1

空白のラップなしプロパティは、テキストがラップされないことを正確に意味します。したがって、文字列がコンテナーの p タグよりも長い場合は、その外側にはみ出します。あなたの質問を間違って理解していない限り、これは適切な動作です。おそらく、いくつかのコードを見てみましょう。

コード追加後に編集

これはあなたが探しているものですか？http://jsfiddle.net/NUZyp/2/

于 2012-06-25T19:25:54.583 に答える