p { overflow: scroll; max-height: 4 * 1.2em; /*4行文字的高度*/ line-height: 1.2em; }我们可以使用 max-height 属性来限制元素的高度,从而达到只显示4行文字的效果。同时,为了让行高匹配文字高度,我们需要设置 line-height 属性。 需要注意的是,这个效果只对单独的 `
` 元素起作用。如果你想要让整个页面都只显示4行文字,你可以在 `body` 元素上设置上述属性。
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut hendrerit nisl vel est congue tincidunt. Sed ac arcu at sapien sodales bibendum. Pellentesque euismod interdum leo,
et porta purus vestibulum ut. Sed id dui ultrices, consectetur tellus id, ullamcorper ipsum. Sed iaculis velit eget eros iaculis laoreet. Cras bibendum auctor nulla,
ut interdum nulla faucibus vel. Maecenas nisi risus, convallis vel fermentum vel, dignissim eu libero. Aliquam convallis at ipsum ac convallis.
Suspendisse potenti. Nullam nec nunc eget urna facilisis malesuada et a mauris. Sed nec dui eget massa pellentesque aliquet. Suspendisse ac tortor libero.
Curabitur id varius ante, vitae pellentesque justo. Aliquam commodo viverra elit, vel porttitor nisi tincidunt id. Phasellus pellentesque leo nec eros rutrum, nec blandit ipsum mattis.