2012-06-17 4 views
0

:테두리, 셀 선택은 MS Excel에서 보이는 방법

enter image description here

당신이 보면 가능 (국경 근처 세포를 겹치도록 일반 HTML <table>에서 유사한 경계를하는 것입니다 자세히 보시면 경계가 셀 근처의 1px 각면으로 확장되어 있습니다.)

+0

대답 당으로 @jn_pdx에 의해, (적어도 크롬과 파이어 폭스에서) 기본 동작 것으로 보인다. – bfavaretto

+0

@bfavaretto : 네, 그렇게 보입니다 ... 왜 내 레이아웃에서 그런 식으로 행동하지 않는지 알아 내야합니다. (그러나 그것은 다른 이야기입니다) – zerkms

답변

3

예, 어느 정도 있습니다. 난 단지 크롬에서 테스트했지만,이 작품 : http://jsfiddle.net/q4Lcc/

td { 
    width: 120px; 
    height: 50px; 
    border: 1px solid gray; 
} 

td#test_td { 
    border: 3px solid black; 
} 
+0

'table {border-collapse : collapse; }'그렇지 않으면 표 사이에 셀 사이에 간격이 생깁니다. – Zeta

+0

음, 나는 지금 왜 * 겹쳐 질 수 없어?! – zerkms

+0

@zerkms, 아마 div : display가 table-cell의 결과 일 것입니다. – bfavaretto

1

전적으로 테이블을 사용하여 작업을 수행하는 방법을 모르지만 한 가지 방법은 다른 div 또는 데이터 테이블 위에 절대적으로 배치되는 텍스트 입력을 사용하는 것입니다. 나는 개인적으로이 방법처럼 당신이 그것을 포커스를 얻어 할 때 예상되는 스타일이 익숙한 형태의 요소를 사용할 수 있기 때문에 http://jsbin.com/edehoc

:

여기 살아있는 예입니다.

+0

그래, 그게 내가 생각하는 유일한 것입니다. 나는 덜 고통스러운 해결책이 있음을 (d) 희망한다. – zerkms

관련 문제