어떻게 CSS와 보이지 않은 HTML 테이블을 이용하여 웹페이지 내용을 일렬로 맞추는지

2009 년 2 월 7 일에 5:32에(서)알린다.

당신이 그러나 신문이나 잡지 발표와 같은 원주형 내용을 둬야 한다 내가 텍스트의 포맷을 만들었기 전에 당신이 선택권이 있지 않을 것이지만 tables. 을 이용하기 위해 아래 우리의 예를 본다면 당신의 blogs와 웹페이지(위)에 정렬 이슈는 bloggers.   을 시작하는 것을 위해 공통적인 문제이다:

전에:

“그러나 내가 당신에(게)기쁨을 비난하고 아픔을 칭찬한다는 이 모든 잘못한 생각을 어떻게 견디었는지를 설명해야 하고 내가 당신에게 시스템의 완전한 어카운트를 줄 것이고 사실의 대단한 탐험가의 실제 가르침,인간의 행복의 마스터 빌더를 설명할 것이다. 아무도 기쁨을 거부하지 않거나 싫어하거나 그것이 기쁨이기 때문에 그러나 합리적으로 기쁨을 추구하는 법을 모르는 사람들이 아주 아픈 결과와 마주치기 때문에 그 자체로 피한다.

이나 그것이 아픔이기 때문에 그러나 때때로 상황이 어느 수고에(서)일어나고 아픔이 그에게 약간의 대단한 기쁨을 입수해 줄 수 있기 때문에 사랑하거나 뒤쫓거나 저절로 아픔을 얻기 위해 원하는 누구든지 다시 있습니까. 그것으로부터 약간의 이점을 얻는 것 except 도대체 우리들중 누가 힘든 신체적인 운동을 맡는 사소한 예를 살펴보기 위해? 그러나 누가 곤혹스러운 결과가 없는 기쁨이나 그것이 합성 기쁨을 만들지 않는다는 아픔을 피하는 그것을 즐기기로 하는 사람(남자)에 대해 흠을 잡을 어떤 권리(정의)도 가집니까? ”

후에:

“그러나 내가 당신에(게)기쁨을 비난하고 아픔을 칭찬한다는 이 모든 잘못한 생각을 어떻게 견디었는지를 설명해야 하고 내가 당신에게 시스템의 완전한 어카운트를 줄 것이고 사실의 대단한 탐험가의 실제 가르침,인간의 행복의 마스터 빌더를 설명할 것이다. 아무도 기쁨을 거부하지 않거나 싫어하거나 그것이 기쁨이기 때문에 그러나 합리적으로 기쁨을 추구하는 법을 모르는 사람들이 아주 아픈 결과와 마주치기 때문에 그 자체로 피한다. 이나 그것이 아픔이기 때문에 그러나 때때로 상황이 일어나기 때문에 사랑하거나 뒤쫓거나 저절로 아픔을 얻기 위해 원하는 누구든지 다시 있습니까 수고와 어느 아픔에(서)그에게 약간의 대단한 기쁨을 입수해 줄 수 있다. 그것으로부터 약간의 이점을 얻는 것 except 도대체 우리들중 누가 힘든 신체적인 운동을 맡는 사소한 예를 살펴보기 위해? 그러나 누가 곤혹스러운 결과가 없는 기쁨이나 그것이 합성 기쁨을 만들지 않는다는 아픔을 피하는 그것을 즐기기로 하는 사람(남자)에 대해 흠을 잡을 어떤 권리(정의)도 가집니까? ”

단지 다시 포맷한 포맷이 읽기 더 쉽다 그것이 그렇게 당신의 needs. 와 맞기 위해 또한 당신이 테이블을 당신이 할 수 있는 pixels. 의 어떤 양만을 차지하기 시작할 수 있기 때문에 모든 것의 너비가 컬럼 사이에 또한 스페이스의 거리를 놓았다고 주장하는 것 우리는 그러한 표 container? 을 어떻게 만들지 않는다.

이용하는 확인해라 해라 미뤄라 attribute 있다 빌릴 수 있어 져라 있어라 같아라 할 수 있다 변하여라 사용되고 살아라 할 것이었다 있어라(위)에 안에 안에 간단하게 단지 그리고 그리고 as 아래 그러나 as 당신의 테이블 HTML editor.  그것 당신 가치 경계 경계 invisible.  줄 1 컬럼 2.  당신 줄 컬럼 당신 require.  screenshot 나 작가 그것 같은 것 원리 다른 사람(것)웹 에디터 끼우지 않는다:

이미지

당신은 위에 내가 경계 블랭크를 떠났고 그것이 그것을 보이지 않게 만든다는 것을 알 수 있다. cellpadding의 8 픽셀을 size 경계의 가치가 물론 있는 cellspacing. 의 5 픽셀이 제로 눈금에 맞추어라 당신이 위에 예 테이블의 코드를 본다면 나 사용된다.

<table cellspacing="5" cellpadding="8" width="506" border="0">


.csharpcode,.csharpcode pre

폰트 크기: 작은 부분;
색: 검정;
폰트 가족: consolas,“급사 새로운 ”급사,monospace;
백그라운드 색: #ffffff;
*white-space: pre;*/

.csharpcode 차이 pre: 0em;
색 .csharpcode .rem: #008000;
색 .csharpcode .kwrd: #0000ff;
색 .csharpcode .str: #006080;
색 .csharpcode .op: #0000c0;
색 .csharpcode .preproc: #cc6633;
백그라운드 색 .csharpcode .asp: #ffff00;
색 .csharpcode .html: #800000;
색 .csharpcode .attr: #ff0000;
.csharpcode .alt

백그라운드 색: #f4f4f4;
너비: 100%;
차이: 0em;

색 .csharpcode .lnum: #606060;

그때 이것 후에 단지 세포 안의 table. 의 내용을 붙여라

당신이 원하여서 당신 손으로 각 세포 안의 텍스트의 양을 결정할 필요성은 각 one. (위)에 텍스트의 양의 무게를 재기 위해 테이블용 너비와 cellpadding와 cellspacing 파라미터 가치관을 조절할 것이다.

그것은 그것이다! 당신은 완벽한 alignment.   와 더불어 원주형 텍스트 디스플레이를 다루기 위해 보이지 않은 테이블 위에 있는 개념을 활용하면 가능할 것이다.

Ben Carigtan은 당신에게 그것이 어떻게 했는지를 알려 준다!

이 포스트를 즐겼습니까? RSS 먹이를 통해 또는 이메일을 통해 온라인 기술 팁에 등록하고 자유로운 매일의 생산성 팁을 받아라.

» 웹사이트 팁 아래에(서)줄지어 갔다.

맛있게 더한다. 이 페이지를 구하여라 그것 Mixx 위로 Mixx(위)에 그것을 휘저어라
Reddit Reddit에 덧붙어라 StumbleUpon 이 페이지를 비틀거리며 걸어라  

관련된 포스트

당신의 코멘트/생각을 알리십시오!