ページサイズを小さくするとテキストを再編成する必要があります。現在の動作は次のようなものです：ページサイズを変更すると、テキストは再グループ化されません。どうすれば修正できますか？CSSを使ってテキストを再編成するには？
は、ここに私のフィドルexampleです：
https://jsfiddle.net/v7386L2a
PS：
私はページサイズを縮小する際のスペースを削除したいので、私はwidth: XX%;を使用することはできません。
widthプロパティー(if you do need a width use max-width instead of width)を削除して、このようにワードラップを使用する必要があります。 mainの代わりにdivにCSSを適用します。そして今、ページのサイズを変更して、それが必要なものかどうかを確認することができます。
div {
max-width:1024px;
margin: 0 auto;
background-color: rgba(117, 128, 128, 0.27);
word-wrap:break-word;
}<main>
<div>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque quis lectus ut dui iaculis vehicula.
Vestibulum molestie nunc id odio condimentum, eu efficitur justo laoreet. Phasellus urna elit, fringilla ut
tempus
sed, varius non augue. Proin tempor, odio nec malesuada bibendum, tortor lorem elementum risus, facilisis
fringilla
nunc mauris ac nisi. Nulla porta ac arcu quis eleifend. Nunc vulputate leo non lorem interdum commodo. Aliquam
ac
massa maximus, pharetra velit ac, lobortis lorem. Orci varius natoque penatibus et magnis dis parturient montes,
nascetur ridiculus mus. Mauris vehicula interdum semper. Pellentesque tincidunt eget dui eu placerat. Curabitur
auctor dui ac est scelerisque, in fringilla nibh mollis. Lorem ipsum dolor sit amet, consectetur adipiscing
elit.
Pellentesque quis lectus ut dui iaculis vehicula. Vestibulum molestie nunc id odio condimentum, eu efficitur
justo
laoreet. Phasellus urna elit, fringilla ut tempus sed, varius non augue. Proin tempor, odio nec malesuada
bibendum,
tortor lorem elementum risus, facilisis fringilla nunc mauris ac nisi. Nulla porta ac arcu quis eleifend. Nunc
vulputate leo non lorem interdum commodo. Aliquam ac massa maximus, pharetra velit ac, lobortis lorem. Orci
varius
natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Mauris vehicula interdum semper.
Pellentesque tincidunt eget dui eu placerat. Curabitur auctor dui ac est scelerisque, in fringilla nibh mollis.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque quis lectus ut dui iaculis vehicula.
Vestibulum molestie nunc id odio condimentum, eu efficitur justo laoreet. Phasellus urna elit, fringilla ut
tempus
sed, varius non augue. Proin tempor, odio nec malesuada bibendum, tortor lorem elementum risus, facilisis
fringilla
nunc mauris ac nisi. Nulla porta ac arcu quis eleifend. Nunc vulputate leo non lorem interdum commodo. Aliquam
ac
massa maximus, pharetra velit ac, lobortis lorem. Orci varius natoque penatibus et magnis dis parturient montes,
nascetur ridiculus mus. Mauris vehicula interdum semper. Pellentesque tincidunt eget dui eu placerat. Curabitur
auctor dui ac est scelerisque, in fringilla nibh mollis.
</div>
</main>
あなたは再グループ化とはどういう意味ですか？ –
ページサイズを変更すると全体のテキストが表示されます。 – Finkelson
ああ、あなたはx方向にオーバーフローする必要はないということです。 –