Jump to content
  • 0

Нужна помощь по ТАБЛИЦЕ


myRoot
 Share

Question

Хотел узнать, можно ли таблице  с помощи CSS задать размер колонки так, что бы они всегда оставались равны?
Например:
2 колонки, и каждая колонка занимала бы 50%
3 колонки, 33,(3)%
4 колонки, 25%

5 колонок, 20%

Притом, чтобы  каждый раз при добавление колонки, не пришлось лезть в CSS.

Link to comment
Share on other sites

5 answers to this question

Recommended Posts

  • 0

я извиняюсь за глупый вопрос, но если я делаю таблицу, разве она не разделяется на равные части автоматом????

Нет. Только если установлено свойство table-layout: fixed;. Иначе ширины колонок в таблице будут высчитываться в зависимости от контента.
Link to comment
Share on other sites

  • 0

я извиняюсь за глупый вопрос, но если я делаю таблицу, разве она не разделяется на равные части автоматом????

Увы но нет, ширина колонки зависит от содержания.

Может поможет свойство table-layout: fixed

Большое спасибо! Помогло!

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

  • Similar Content

    • By Evsey
      Доброго дня всем матерым верстальщикам.
      Есть задача сделать табличку графика на сайт. Технологии - понятно, что html и css. Табличка не большая, но с особенностями.
      А именно, в табличке есть группы объединенных ячеек, при чем не только внутри строк, но и между строками (объединяется несколько строк). Табличку прикрепил.
      Каркас table tr td без объединения ячеек могу сделать, но нужно объединить.
      Как правильнее всего сделать такое объединение? Было бы классно, чтобы ответ был сразу с примерами.

    • By Yarolina
      Здравствуйте, создаю таблицу в HTML, не получается в конце таблицы равномерно распределить столбцы и ячейки. Подскажите пожалуйста в чем ошибка:
       
      Пример нужной таблицы во вложениях
       
      Ссылка на код: https://pastebin.com/ZL8GRHU5
       
      Если не отображается ссылка текстовый документ кода во вложениях.
       
      Спасибо за помощь.

      Код.txt
    • By yaparoff
      Есть таблица. Колонки у нее выравниваются влево, а оставшаяся часть остается пустой
      http://skrinshoter.ru/s/100818/0jkG6HkA
      Пробовал решить это с помощью align=left и задать ширину колонкам, но это не сработало
      Что можно сделать?
      https://codepen.io/anon/pen/VBqBmw
    • By marischka
      Добрый день! Прошу помощи у специалистов. В мобильной версии сайта, таблица с ценами http://salon-fkt.ru/kosmetologiya съезжает и отображается некорректно. Сайт на Джумла, шаблон.

    • By Coder-vasya
      Добрые люди , помогите написать новичку таблицу. Мне дали задание, но я не могу разобраться, учусь на курсах , было всего 2 урока. Таблица на фото. В моем представлении сначала пишется таблица из 11 строк и 8 столбцов. Далее нужно объединить ячейки, затем убрать линии у закрашенных ячеек. Я не знаю как убрать линии у закрашенных ячеек. Далее я не знаю как выставить отступ от границы экрана в процентах , а также не знаю как выставить расстояние внизу между ячейками, как показано на рисунке. В идеале был бы очень признателен за полный код этой таблицы. Для меня проще 1 раз увидеть. Понимаю что для профессионала это 5ти минутное дело. Заранее благодарен откликнувшимся. Верхнюю строку я сделал 5% , чтобы в дальнейшем убрать границы ячеек и тем самым получить отступ от верхней границы экрана. Общая ширина таблицы 80% , далее расположив ее по центру получу по 10 % слева и справа. При удалении лишних ячеек , таблица не корректно отображается.  В общем любыми способами должна получиться таблица как на фото.

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy