Вопросы Теги

Как сделать ширину столбца как можно меньше?

Я пытаюсь сделать последние три столбца как можно меньше, так как они просто содержат значки/ссылки для действия.

Я также хотел бы, чтобы большие текстовые столбцы имели как можно большую оставшуюся ширину.

Вот что мне удалось найти, но у меня это не сработало:

Таблица из двух столбцов: один как можно меньше, другой занимает все остальное

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

уменьшить размер столбца до минимально возможного

Я пытался использовать относительную длину (width="*"), но, похоже, это не дало никакого эффекта.Может быть, это потому, что я не установил ширину ранее, поэтому нет «оставшейся ширины» для распределения?

HTML:


  
    
    
    
    
    
  
  
    
    
    
  
  

    Date
    ID
    Title
    Status
    Description
    
  


  

    medium
    medium
    large
    medium
    large
    small
    small
    small

CSS:

table {
  width: 100%;
}

table td.title, td.description {
  text-align: left;
}

table td.date, td.id, td.status {
 text-align: center;
}

table td.show, td.edit, td.delete {
}

table colgroup.action col {
  width:"1*";
}

table colgroup.data col {
  width:"*";
}

Итак, в порядке приоритета:

  • таблица занимает всю ширину родительского контейнера

  • последние три столбца значков/действий должны быть как можно меньше без каких-либо обрезаний

  • столбцы с «большими» данными (заголовок и описание класса) должны занимать как можно больше оставшегося места

  • столбцы со «средними» данными должны соответствовать размеру их содержимого с некоторым запасом с обеих сторон ( Я не против просто добавить фиксированную ширину, если это слишком сложно сделать)

Мне не нужны теги colgroup и col, но я просто оставил их здесь на случай, если они могут быть полезны. Я пробовал разные варианты их использования и не использования, но все еще не могу заставить его работать. Я также думал об использовании процентов для столбцов данных, но я бы хотел, чтобы браузер определял ширину на основе фактического содержимого, а не навязывал предопределенные правила, которые могут быть неоптимальными.

5
задан Brian Tompsett - 汤莱恩 13 January 2018 в 20:31
поделиться