0

現在、あるサイトで作業を行っていますが、テキストの問題に遭遇しました。ズームアウトすると、テキストがスタックし始め、実際に div からはみ出します。私は固定幅と高さの div を持っていて、それを他の div にラップしています。私の人生ではこれを理解することはできません。ただし、テキストのみが移動し、他のすべてはそのまま残ります。なんかこう似てる

希望:

これは私が望む
方法での私のテキストです

実際:

これ
は テキスト
です

ズームアウトすると、テキストが積み重なり、div から押し出される傾向があります。

   .content {
    width: 960px;
    margin: 0 auto;
    }

    .contentleft{
    float: left;
    width: 480px;
   }

    .contentright{
    float: right;
    width: 480px;
    }

    .boxone {
    float: left;
    clear:both;
    height: 211px;
    width: 230px;
    background-image:url(../images/rec1.png);
    }

    .textone {
    width: 220px;
    height: 200px;
    overflow:hidden;
    clear: both;

   }

HTML

     <div class=content>
            <div class=contentleft>
                <div class=boxone>

                    <div class=textone>
                 <p> TEXT TEXT TEXT TEXT </p> 

                    </div>
                    <div class=learnone>
                    </div>
                </div>

                <div class=boxtwo>
                </div>
            </div>

            <div class=contentright>
                <div class=boxthree>
                </div>
                <div class=boxfour>
                </div>
            </div>
        </div>

そのテキストが動かないようにするにはどうすればよいですか?

4

2 に答える 2

0

divの幅を増やすだけで簡単に試してください。

.contentleft {
    width: 800px;
}
于 2016-05-30T15:17:19.787 に答える
0

It's a browser behaviour to zoom all the items in the page, but as a developer you can specify a font-size in pixel.

font-size:12px;
于 2013-02-26T06:21:23.197 に答える