2016-12-14 7 views
0

После приближения стилей таблицы таблицы выровнены по центру, что им не нужно ... Почему?CSS Стиль на столе выравнивается по центру

Я могу предоставить файл HTML для следующей страницы ... Вот скриншот: enter image description hereenter 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

Вопросы ищут код помощи должны включать короткий код, необходимый для его воспроизвести ** в самом вопросе ** желательно в [** Stack SNIPPET **] (https: // блог. stackoverflow.com/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. Вместо этого кода элемент будет центрирован в родительском элементе.

В этом margin недвижимости первое значение для расстояния от верхнего второго значения для расстояния от левой границы. Таким образом, auto будет центрировать этот элемент.

Вы можете удалить эту собственность и установить в качестве

margin : 0px 0px; 

Или добавить еще одно свойство

float: left; 
+0

Мне нужна была опция float. Результат можно увидеть здесь, даже код html, который я генерирую, не отображается, поскольку он находится в iFrame. –

+0

У меня есть код HTML в файле, который я загружаю клиенту по FTP. Если хотите, я могу отправить вам этот файл, но вы должны сказать мне, как это сделать? –

+0

загрузите на свою учетную запись Git и прокомментируйте мне ссылку для скачивания –

0

Часть margin: 0 auto; делает это, в table.FLTT{ }. Вы должны опубликовать некоторый код html, чтобы убедиться, и поместите его в контекст.

0

Стиль в table.FLTT{} есть margin: 0 auto;

Это означает, что запас для верхней и нижней воли назначьте 0, а влево и вправо назначьте auto center.

Поэтому, пожалуйста, удалите margin:0 auto;

+0

Мне пришлось добавить опцию float, как описано K.Suthagar ... –

+0

@LaurentZotto, thank u :) – Logeshwaran

 Смежные вопросы

  • Нет связанных вопросов^_^