現在、あるサイトで作業を行っていますが、テキストの問題に遭遇しました。ズームアウトすると、テキストがスタックし始め、実際に 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>
そのテキストが動かないようにするにはどうすればよいですか?