입력에 점-점을 구현하고 마우스가 위로 움직일 때 나머지 단어를 표시합니다.

이 문제는 프로젝트에서 자주 발생하는 문제입니다. 컨텐츠 상자의 경우 상자의 너비는 고정되어 있지만 내부에 컨텐츠가 많기 때문에 이때 요구 사항이 먼저 있어야 하고 추가 단어가 있어야 합니다. 점으로 표시 점 형태로 숨김 둘째, 마우스를 위로 올리면 텍스트 상자의 모든 내용이 제목 프롬프트 형태로 표시되어야 합니다. 달성방법은 다음과 같습니다

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에서는 입력은 정상적으로 표시되는데, 선택은 정상적으로 표시가 안되는 이유를 아시는 분 계신가요?