Как изменить ширину таблицы HTML?

-1

Я Объявление таблицы следующим образом:Как изменить ширину таблицы HTML?

<div class="row"> 
    <div class="module span12"> 
      <section class="module"> 
       <table class="table table-striped table-bordered table-condensed"> 

       echo "<tr><td style='color: white; background-color: black;'><strong>Overall inventory breakdown</strong></td>"; 
       echo "<td style='text-align: center; color: white; background-color: black;'><strong></strong></td>"; 
       echo "<td style='text-align: center; color: white; background-color: black;'><strong>Ist</strong></td>"; 
       echo "<td style='text-align: center; color: white; background-color: black;'><strong>Soll</strong></td></tr>"; 

       </table>  
      </section> 
    </div> 
</div>

Прямо сейчас, таблица по ширине всей страницы. Но я хочу, чтобы он был меньше.

Я уже пробовал с несколькими вариациями CSS, такими как значение width на каждом td, но ничего не работает для меня. Любая помощь? ширина

источник

2016-06-16 Julian M.

Это не так широко, как вся страница - http://jsbin.com/ vafuxi/1/edit? html, вывод - по крайней мере, не с кодом, который вы предоставили (что, кстати, недействительно). Наверное, чего-то не хватает. Вам необходимо предоставить [MCVE]. – Quentin

Спасибо за ваш ответ! Что вы подразумеваете под недействительным? –

https://validator.w3.org/nu/ – Quentin

Это, кажется, вопрос Bootstrap.

.table { 
    /* width: 100%; */ 
    width: auto; 
}

Ознакомьтесь с инструментом проверки документов вашего браузера. Это позволяет обнаружить источник таких вещей, как этот тривиальный.

источник

2016-06-16 16:09:38 isherwood

Это сделало трюк! Я пробовал все остальные варианты, но ничего больше не работало. Благодаря! –

<div class="row"> 
 
     <div class="module span12"> 
 
      <section class="module"> 
 
       <table width="500" class="table table-striped table-bordered table-condensed"> 
 
        echo " 
 
        <tr> 
 
         <td style='color: white; background-color: black;'><strong>Overall inventory breakdown</strong></td>"; echo " 
 
         <td style='text-align: center; color: white; background-color: black;'><strong></strong></td>"; echo " 
 
         <td style='text-align: center; color: white; background-color: black;'><strong>Ist</strong></td>"; echo " 
 
         <td style='text-align: center; color: white; background-color: black;'><strong>Soll</strong></td> 
 
        </tr>"; 
 
       </table> 
 
      </section> 
 
     </div> 
 
    </div>

Добавить как атрибут в таблице

источник

2016-06-16 16:05:57 Shivani

Невозможно понять. Вы должны доказать это по кодам. – Shadow

Извините за опечатку. Это ширина. Если вы не хотите использовать CSS, то выше код - это способ ограничить размер таблицы – Shivani

нет, это не мой вопрос, просто наслаждающийся кодированием :) не думаете ли вы, если мы не используем php, тогда мы должны удалить семейство эхо? ?? – Shadow

Попробуйте установить width на table вместо td, т.е.

<table class="table" width="80%">

Или сделать это с помощью CSS рекомендуется, по умолчанию <table> имеет усадка для установки, вероятно, это было переопределено где-то в таблице стилей, возможно, из рамки CSS. Попробуйте сбросить его:

.table { width: 80%; }

Предпочтительно .the-parent-class .table { width: 80%; } поэтому он не влияет на стиль таблицы в других местах на вашем сайте.

источник

2016-06-16 16:07:11 Stickers

Используя вам текущий HTML-код, вы могли бы имели значение width в вашем CSS следующим образом:

.row { width: 80%; }

источник

2016-06-16 16:13:22 Granvic

Как изменить ширину таблицы HTML?

ответ

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