2016-12-14 20 views
0

테이블 스타일을 적용한 후에는 테이블을 가운데 정렬합니다. 이유는 무엇입니까?CSS 스타일이 가운데 정렬

내가 다음 페이지에 대한 HTML 파일을 제공 할 수 있습니다 ... 여기 스크린 샷입니다 : enter image description here enter image description here

table.FLTT { 
     clear:both; 
     width: 100%; 
     margin: 0 auto; 
     border-collapse: separate; 
     border-spacing: 0; 
     text-decoration: none; 
     background: #fff; 
     border:1px solid #dcdcdc; 
     border-bottom:none;} 

    table.FLTT th { 
     background-color: #4D4D4d!important; 
     color: #FFFFFF!important; 
     padding: 10px 10px; 
     text-decoration: none; 
     transition: 0.0s; 
     font-size: 13px; 
     font-weight:normal; 
     } 

    table.FLTT td { 
     padding: 5px 10px; 
     border-bottom: 1px solid #dcdcdc; 
     text-decoration: none; 
     } 

    table.FLTT tbody > tr:nth-child(odd) > td { 
     background-color: #cccccc; 
    } 



    table.FLTT tbody tr:hover > td { 
     background-color: #222222; 
     color: #F0C237; 
    } 

    table.FLTT tr { 
     text-decoration: none; 
     -webkit-transition:all .5s ease; 
     -moz-transition:all .5s ease; 
     -o-transition:all .5s ease; 
     transition:all .5s ease;} 

    table.FLTT tr a { 
     text-decoration: none; 
     outline:none; 
     color: #005689; 
    } 

    table.FLTT tr:hover a{ 
     background-color: #222222; 
     color:#F0C237; 
     text-decoration:underline; 
    } 

    table.FLTT tr.cat-list-row1 { 
     background:#eee} 

    table.FLTT thead th { 
     color:#fff!important; 
     background:#4D4D4d!important;} 
+0

질문 **를 제거하십시오 : // 블로그. 소개 /2014/09/introducing-runnable-javascript-css-and-html-code-snippets/). [** 최소, 완전하고 검증 가능한 예제를 만드는 방법 **] (http://stackoverflow.com/help/mcve) –

+0

HTML도 제공하십시오. –

+0

멋지다면 내 아래 답변을 승인하십시오. – Logeshwaran

답변

0

table.FLIT{ } 코드에는 margin : 0 auto으로 기재되어 있습니다. 이 코드 대신 요소가 상위 요소의 가운데에 배치됩니다.

이 부분에서는 왼쪽 테두리로부터의 거리에 대한 첫 번째 값과 첫 번째 값 사이의 거리에 대한 첫 번째 속성 값입니다. 따라서 auto은 그 요소를 가운데에 배치합니다.

당신은 다른 재산

float: left; 
+0

나는 float 옵션이 필요했습니다. 그 결과는 여기에서 볼 수 있습니다. 생성하는 html 코드가 iFrame에있는 것처럼 보이지 않습니다. –

+0

FTP를 통해 고객에게 업로드하는 파일에 HTML 코드가 있습니다. 원한다면 내가 그 파일을 보낼 수 있지만 어떻게 말해야합니까? –

+0

Git 계정에 업로드하여 다운로드 링크를 덧붙여주십시오 –

0

부분 margin: 0 auto;table.FLTT{ }에 있다고한다. 확신 할 수있는 html 코드를 게시하고 문맥에 넣어야합니다.

0
을 해당 속성을 제거하고

margin : 0px 0px; 

로 설정 또는 추가 할 수 있습니다

table.FLTT{}의 스타일 그것은 상단과 하단 뜻의 여백을 의미 margin: 0 auto;

있다 0에 할당하고 왼쪽과 오른쪽에 auto center을 할당합니다.

는 그래서 [** 스택 코드 조각 ** (HTTPS 바람직 ** 질문 자체를 재현하는 데 필요한 가장 짧은 코드를 포함해야하는 코드의 도움을 구하고 margin:0 auto;

+0

K.Suthagar가 설명한대로 float 옵션을 추가해야했습니다 ... –

+0

@LaurentZotto, thank u :) – Logeshwaran