> 웹 프론트엔드 > HTML 튜토리얼 > 문자 표시 길이 제한 및 타원 추가에 대한 예제 튜토리얼

문자 표시 길이 제한 및 타원 추가에 대한 예제 튜토리얼

零下一度
풀어 주다: 2017-06-11 13:30:37
원래의
2587명이 탐색했습니다.

HTML 텍스트 컨트롤에 표시되는 단어 수가 한도를 초과하는 문제를 해결하는 방법은 무엇입니까? 즉, 텍스트 오버플로 컨트롤은 단어 수를 표시하고, 테이블 텍스트 오버플로 컨트롤 TD는 단어 수를 표시합니다. 제목을 보면 텍스트를 자르고 줄임표 ".. .". 하하, 바로 그거예요. 사실 이 로그를 쓰는 것은 단지 이 방법을 기록하기 위한 것일 뿐이다. 아직도 이런 상황에 어떻게 대처해야 하는지 기억하지 못하는 분들이 많은 것 같기 때문이다. 아래 그림은 php 중국어 사이트(m.sbmmt.com)에서 단어 개수가 초과되어 줄임표가 추가된 경우의 표시 효과입니다. 먼저 일반적으로 DIV+를 사용하여 컨테이너에 텍스트를 입력하는 경우를 설명하겠습니다. CSS가 길이를 초과하면 프레임 외부에 떠 있거나 프레임이 확장됩니다. 이는 일반적으로 해결하기 쉽지만 오늘 이러한 문제가 발생했습니다: IE6의 테스트 페이지는 응답하지 않지만 IE8의 테스트 페이지는 오버플로를 처리했습니다. text 평소에는 우울했어요. 이 오버플로 처리는 IE 특유의 현상이 아닌가요? IE6이 제대로 작동하지 않는 이유는 무엇입니까? 나중에 온라인으로 확인해 보니 IE6은 DIV 내부에 작성된 경우에만 오버플로 처리를 지원하고, IE6 이상에서는

  • 내부에만 쓰기를 지원한다는 사실을 알게 되었기 때문에 DIV에도 동일한 오버플로 처리 코드를 작성했습니다. andlt;li> 정상입니다

    1. HTML 텍스트 컨트롤에 표시되는 문자 수가

    문자 표시 길이 제한 및 타원 추가에 대한 예제 튜토리얼

    초과되는 문제를 해결하는 방법 HTML 텍스트 컨트롤에 문자가 표시됩니까? 즉, text Overflow는 표시되는 단어 수를 제어하고, table text Overflow는 td에 표시되는 단어 수를 제어합니다. 제목을 보면 텍스트를 자르고 줄임표 "... ".

    2. css3를 사용하여 텍스트를 자르고 줄임표를 추가하세요

    문자 표시 길이 제한 및 타원 추가에 대한 예제 튜토리얼

    소개: 블록 요소에 표시되는 텍스트 줄 수를 제한하세요. 이 효과를 얻으려면 다른 외부 WebKit 속성과 결합해야 합니다.

    3. 3 순수한 CSS_HTML/CSS_WEB-ITNOSEINTRODUCTION에 의해 ​​구현 된 문자열을 가로 채서 엘리석시 코드를 추가하는 것 : 순수한 CSS에 의해 구현 된 문자열을 가로 채진 후 PHP에서 문자 표시 길이를 제한하려면?

    소개: 위(Tieba에서 가로채기)와 마찬가지로 문자 길이가 고정 픽셀 너비를 초과하는 경우 픽셀 너비 범위 내에서 문자열을 가로채고 문자열 뒤에 줄임표를 추가합니다. mb_strlen 함수는 문자 수만 얻을 수 있지만 영어와 중국어의 문자 너비는 다르며 문자 수에 따라 결정할 수 없습니다...

    5. 소개 : 표시할 문자열의 길이를 제한하고 싶습니다. 문자열이 특정 길이를 초과하면 처음 n자를 가로채고 그 뒤에 줄임표를 추가합니다

    6.

    소개: 표시할 문자열의 길이를 제한하고 싶습니다. 문자열이 특정 길이를 초과하면 처음 n자를 가로채고 그 뒤에 줄임표를 추가합니다.

    [관련 Q&A 권장 사항]:

    javascript - 여러 줄의 텍스트가 넘칠 때 줄 끝에 줄임표를 추가하는 좋은 방법이 있나요? javascript - 여러 줄 텍스트의 오버플로 부분에 타원을 추가하는 방법은 무엇입니까?

    PHP에서 문자 표시 길이를 제한하는 방법은 무엇입니까?

    javascript - 여러 줄을 표시하고 초과 부분을 숨기고 마지막 줄 끝에 줄임표를 추가하시겠습니까?

    위 내용은 문자 표시 길이 제한 및 타원 추가에 대한 예제 튜토리얼의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

  • 원천:php.cn
    본 웹사이트의 성명
    본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
    인기 튜토리얼
    더>
    최신 다운로드
    더>
    웹 효과
    웹사이트 소스 코드
    웹사이트 자료
    프론트엔드 템플릿