HTML 표 셀의 내용을 줄 바꿈없이 넣으시겠습니까?

OK, 이쪽은 내 상황 : 나는 CodeIgniter를, MySQL은, 자바 스크립트 + 아약스 + jQuery로 오히려 ... 거대한 웹 응용 프로그램 (PHP를 마무리하고 다양한 자바 스크립트 라이브러리를 사용하는 과정에있어HTML 표 셀의 내용을 줄 바꿈없이 넣으시겠습니까?

- 예를 들어 dataTables)

문제 :

이의 우리가 테이블, 고정 폭있어 가정 해 봅시다.

첫 번째 열도 고정 폭입니다.

이 테이블이 채워지면 (의이 200px에 있다고 가정 해 봅시다) :

을 첫 번째 열의 내용 미만 200 픽셀 공간을 차지하면 괜찮아요.

내용이 200px를 초과하면 내용이으로 바뀌므로 "double line"효과가 발생하고 개의 행이 더 많습니다.보다 원하는 내용입니다.

힌트 :

very very very ... 같은에 very very very long line 내가 생각하고 무엇을 "축소". 그와 비슷한 것이 가능한가? 서버 측?

어떻게 접근합니까? 는 -

출처

2012-08-16 Dr.Kameleon

무슨 일이 일어나고 싶습니까? –

@BillyMoat 일반적인 아이디어를주기 위해 초기 게시물을 업데이트했습니다. –

어쩌면이 jQuery 플러그인과 같은 것이 있을까요? http://plugins.learningjquery.com/expander/ –

나는 현악기와 일을 생각 (바람직하게는 우아한 방법으로 '사촌, 그래, 나는 ... 보인다 사용자 친화적 인, 어느 것도 몇 가지 솔루션을 염두에 ... 권자가 인정) 모노 스페이스 글꼴을 사용하지 않는 경우, 같은 수의 문자가 항상 같은 너비를 갖도록 자르기가 불가능합니다.

(Calculate text width with JavaScript 니스 코드) :

CSS :

#testing-div 
{ 
    position: absolute; 
    visibility: hidden; 
    height: auto; 
    width: auto; 
}

JS :

var test = document.getElementById("testing-div"); 
test.style.fontSize = fontSize; 
var height = (test.clientHeight + 1) + "px"; 
var width = (test.clientWidth + 1) + "px";

당신은 전체 순환 할 수있는 당신이 할 수있는 것은 클라이언트 측 문자열 절단입니다 문자열의 전체 길이를 입력하고 #testing-div 본문에 문자를 계속 추가하고 너비를 계산 한 다음 맞는지 확인합니다. 문자열이 너무 길면 ...을 추가해야합니다.

출처

2012-08-16 13:18:05 Hidde

HTML 표 셀의 내용을 줄 바꿈없이 넣으시겠습니까?

답변

관련 문제