지역 사회 배우다 도구 라이브러리 여가

한국어

집 > 웹 프론트엔드 > HTML 튜토리얼 > 과도한 텍스트 내용을 숨기는 두 가지 방법

과도한 텍스트 내용을 숨기는 두 가지 방법

巴扎黑

풀어 주다： 2017-03-14 10:20:35

원래의

2665명이 탐색했습니다.

두 가지 방법을 요약하여 텍스트를 숨깁니다.
1.한줄 숨기기
html코드

<p class="mi">当文字超过范围的时候，超出部分会隐藏起来。</p>

로그인 후 복사

css코드

.mi {
    width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space:nowrap;
}

로그인 후 복사

2. 여러 줄 숨기기
html 코드

<p class="mi">当文字超过范围的时候，超出部分会隐藏起来。可以设置第几行开始隐藏。</p>

로그인 후 복사

css 코드

아아아아

위 내용은 과도한 텍스트 내용을 숨기는 두 가지 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨：

콘텐츠 텍스트 그 너머에 부분 숨다

원천：php.cn

본 웹사이트의 성명

본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.

저자별 최신 기사

에서 2024-04-06 15:49:33

319

에서 2024-04-06 12:20:46

386

에서 2024-04-04 22:41:16

1438

에서 2024-04-04 14:39:08

359

에서 2024-04-04 14:24:47

371