들여 쓰기 표 테두리

나는 현재과 같이 일반적인 HTML 테이블을 돌려 일하고

original

다음에 들여 쓰기 버전 :

enter image description here

심지어 내가 할 수없는 경우 html로 설정하면 누군가 텍스트의 시작 부분과 일치하도록 테두리의 초기 부분을 숨길 수있는 방법을 알 수 있습니다.

2012-09-09 Bruno

몇 가지 잘못된 방법이 있습니다. 당신은 단지 창조적이어야합니다. 여기

몇 가지 클래스, 빈 테이블 세포와 colspans으로,이 작업을 수행 한 예입니다 : http://jsfiddle.net/ESFuC/

2012-09-09 10:31:22

결국이 솔루션을 사용하여 끝났습니다. 텍스트가 들여 쓰기 된 셀에 맞지 않으면이 옵션은 자동으로 셀의 크기를 조정한다는 점을 좋아합니다. 게다가 테두리가 완벽하게 정렬됩니다. – Bruno

시각적으로 좋으며 접근하기 쉽지 않습니다. 화면 판독기는 빈 표 셀과 행/열 개수로 시각 장애가있는 사용자를 제거합니다. –

당신은 달성 할 수있는 다른 방법이있는 테이블 셀에 대한 재생 display:inline-block;을 활용하여이를 달성 할 수 그러나 이것은 대부분의 브라우저에서 작동해야합니다. 어쩌면이 같은 div의 내부 세포

2012-09-09 10:40:14

;

나는 아래 줄을 빨간색으로 색상, 하단에 하나를 제외하고 잘 보인다. 어쩌면 당신의 필요에 맞게 수정할 수 있습니다.

2012-09-09 10:56:35 Murat

비트 해키하지만 일을하는 것 같습니다! –

그래, 어쩌면div 대신 div 태그를 사용하면 검색 엔진 최적화에 도움이됩니다. 그리고이 [link] (http://jsfiddle.net/UdF98/1/)을 확인해보십시오. 다른 들여 쓰기에 다른 색을 사용하지 않는 것이 어떻겠냐 : D – Murat

답변