세 점 - 오버플로 : 줄임표

제 질문은 왜 "텍스트 오버플로 : 줄임표?"입니다. 나를 위해 일하지 않니? 내 페이지에 표가 있는데 셀 (td) 안의 일부 텍스트를 줄이려고합니다. 내가 볼 수 있듯이 CSS에는 폭 매개 변수가 없습니다. json에서이 값을 얻은 다음 jquery로 설정합니다. 어쩌면 이것이 문제일까요? 그렇다면 어떻게 해결할 수 있습니까?세 점 - 오버플로 : 줄임표

#myTable2 td{ 
    white-space: nowrap; 
    overflow:hidden; 
    text-overflow:ellipsis; 
    min-width:47px; 
    border-top: solid 1px #ebebeb; 
    border-spacing:none; 
    cellpadding: 0; 
    cellspacing: 0; 
    font-family:arial; 
    font-size: 8pt; 
    color: #3D3D3D; 
    padding: 4px; 
}

내가 크롬 19에서 테스트, 최신 파이어 폭스와 IE9 .. 감사

당신은 테이블과 테이블 레이아웃의 폭이 필요

출처

2012-06-20 Clem

너비 제한을 두지 않으려는 경우 텍스트 줄이기를 어떻게 예상합니까? – lanzz

예 lanzz 이것은 내 질문입니다 ... 내가 말했듯이, 나는 json 파일에서 너비를 설정 ... 나는 너비 매개 변수를 얻은 다음 jaascriopt ... width를 사용하여 설정합니다 ... – Clem

죄송합니다, 오해 당신. 나는 너가 너비가 아닌 텍스트를 설정하고 있다고 생각했다. – lanzz

text-overflow 작품, 테이블 셀이 display: table-cell 요소가있다. <div>should work에 텍스트를 묶으십시오 (텍스트를 클릭하면 약자로 너비가 설정됩니다).

출처

2012-06-20 08:16:14 lanzz

: 고정을;

http://jsfiddle.net/CagPK/

display: block 요소

#myTable2 td{ 
    white-space: nowrap; 
    overflow: hidden; 
    text-overflow:ellipsis; 
} 
#myTable2 
{ 
    table-layout:fixed; 
    width: 100px; 
}

출처

2012-06-20 08:06:55 MatteS

좋아요. 고정 레이아웃으로 시도해 보겠습니다 ... 그리고 자바 스크립트를 사용하여 너비를 설정했다고 말한 것 같습니다. 아마도 이것이 문제입니까? :> – Clem

문제가되지 않을 것입니다. 나는 너비가 같다고 생각합니다. – MatteS

OK! 덕분에 그 작품 ... 나는 스크립트에서 버그를 발견하고 그것을 고칠 ... 지금은 잘 작동합니다 :> 다시 타이 – Clem

세 점 - 오버플로 : 줄임표

답변

관련 문제