I 표준 HTML에서 왼쪽 = 정렬과 유사한 방식으로, CSS로 테이블을 왼쪽 정렬하고 싶은 CSS

Question

와 테이블을 왼쪽 정렬,하지만 난이 나쁜 형태 인 것으로 알고 있습니다. 이 일을 할 수있는 방법이 있습니까? 그렇지 않은 경우 표를 사용하지 않고 콘텐츠 옆에있는 왼쪽 맞춤 링크 목록의 형식을 지정하는 방법이 있습니까?

Answer 1

은 단순화하기 위해, 스타일 태그에서 물건을 대신 CSS 클래스를 사용

<ul style="text-align: left; float: left;"> 
    <li><a href="#">Your link here!</a></li> 
</ul> 

단순합니다. 목록이 표시된 상태에서 <ul>의 포함 요소에 overflow: auto;의 스타일을 지정하여 그 아래에 나타나는 다음 요소에 대한 부동을 제거해야합니다. 제론에 이어

는

당신이 당신의 DOM 어딘가에 dir="rtl"을 설정하지 않는 한 예, 테이블은 기본적으로 왼쪽으로 정렬해야했다. 제이슨은 주석으로

Answer 2

당신은, 링크에 대한 정렬되지 않은 목록을 사용하여 사업부에 넣어와 사업부의 왼쪽을 떠 있습니다. 내용의 왼쪽 여백이 적절하면 링크 목록이 내용 옆에 잘 표시됩니다. 테이블은 일반적으로 정렬되는 방식으로

로 시작하는 왼쪽,하지만 당신은 위치 할 경우, 당신은 또한 테이블 왼쪽 부유 할 수 있습니다 내용의 왼쪽.

Answer 3

은 모든 것이 HTML에서 기본적으로 왼쪽 정렬), 당신은 창의적인하고 또는 히브리어를 작성하지 않는 한 그리고 그 경우에, 그것은 거기 할 이유가 없다. 테이블의 내용이 왼쪽 정렬되지 않은 경우 정렬을 어떻게 든 변경했거나 일부 패딩이나 기타 부작용이 나타납니다. 이러한 테이블을 "해결"하기의 라인을 따라 CSS를 시도 : 응답

<style> 
TABLE, TBODY, TR, TD, TH { 
    text-align:left; 
    padding:0; 
    border-spacing:0; /* or border-collapse:collapse */ 
} 
</style> 

Answer 4

는 "어떻게 표 내부의 텍스트를 정렬합니까?",하지 div의 또는 방법을 떠 방법에 대해. 아직 충분히 큰 테이블의 컨테이너보다 작은 폭을 지정할 수

<table style="margin-right:auto;margin-left:0px"> 

하여주십시오 : 여기

는 사용되지 않는 align 속성을 사용하지 않고 테이블이 페이지의 왼쪽에 표시하는 방법입니다 귀하의 필요에 따라

Answer 5

사용