집 >
웹 프론트엔드 >
HTML 튜토리얼 >
입력에 점-점을 구현하고 마우스가 위로 움직일 때 나머지 단어를 표시합니다.
입력에 점-점을 구현하고 마우스가 위로 움직일 때 나머지 단어를 표시합니다.
WBOY
풀어 주다： 2016-09-30 09:23:10
원래의
1396명이 탐색했습니다.
이 문제는 프로젝트에서 자주 발생하는 문제입니다. 컨텐츠 상자의 경우 상자의 너비는 고정되어 있지만 내부에 컨텐츠가 많기 때문에 이때 요구 사항이 먼저 있어야 하고 추가 단어가 있어야 합니다. 점으로 표시 점 형태로 숨김 둘째, 마우스를 위로 올리면 텍스트 상자의 모든 내용이 제목 프롬프트 형태로 표시되어야 합니다. 달성방법은 다음과 같습니다
Diandiandian, 글이 넘치기 전에 쓴 글입니다. 텍스트 상자에 다음 스타일을 추가하세요
display:inline-block; //상황에 따라 다르며 white-space:nowrap; //Must Overflow:hidden; //Must text-overflow:ellipsis; /반드시
제목 프롬프트의 경우 입력에 다음 코드를 추가해야 텍스트 상자의 모든 콘텐츠에 제목이 표시될 수 있습니다
보충:
이 방법을 사용하면 선택 텍스트가 정상적으로 표시되지 않는다는 것을 방금 발견했습니다. 드디어 오랫동안 수정하여 정상적으로 표시하도록 함수 호출을 작성했습니다.
<스크립트>
함수 selbox(a){ var val = a.val(); a.attr("title",val); }
그런데 이건 인사이더 스타일과 같은 뜻 아닌가요? ie8이 이것을 표시하는 데 사용하는 이유는 무엇입니까? IE8에서는 입력은 정상적으로 표시되는데, 선택은 정상적으로 표시가 안되는 이유를 아시는 분 계신가요?
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
