p { overflow: scroll; max-height: 4 * 1.2em; /*4行文字的高度*/ line-height: 1.2em; }我們可以使用 max-height 屬性來(lái)限制元素的高度,從而達(dá)到只顯示4行文字的效果。同時(shí),為了讓行高匹配文字高度,我們需要設(shè)置 line-height 屬性。 需要注意的是,這個(gè)效果只對(duì)單獨(dú)的 `
` 元素起作用。如果你想要讓整個(gè)頁(yè)面都只顯示4行文字,你可以在 `body` 元素上設(shè)置上述屬性。
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.