предотвращает расширение столбцов таблицы css

Я уже объявлял table-layout:fixed, но все же столбец расширяется, когда данные не соответствуют ширине, указанной в коде. Вот мой CSS код:предотвращает расширение столбцов таблицы css

table 
{ 
font-size:15px; 
table-layout: fixed; 
} 

#problem-submission td, #problem-submission th 
{ 
    font-size:15px; 
    font-family: "Courier New", Courier, monospace; 
    padding:2px 7px 1px 5px; 
} 
#problem-submission td 
{ 
height:10px; 
} 

#problem-submission th 
{ 
    font-size:15px; 
    height :25px; 
    text-align:left; 
    padding-top:1px; 
    padding-bottom:1px; 
    background-color:#E6E6E6; 
    color:black; 
}

источник

2014-01-16 chandan111

Где вы устанавливаете 'width'? –

@NickR только в бирка. \t \t <й ширина = "30%"> User \t \t <й ширина = "30%"> Результат \t \t <й ширина = "20%"> Time \t \t <й шириной = "20%"> Lang \t \t Следует также упомянуть в ? – chandan111

Попробуйте использовать: text-overflow: ellipsis; или что-то подобное? – ylerjen

Set Width и/или значения высоты, то она не будет расширяться.

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

источник

2014-01-16 15:19:03

попробовать это на ваших элементов:

overflow: hidden;

источник

2014-01-16 15:23:56 newbie

Я бы также пойти с фиксированной шириной и высотой значений для ячеек. Таким образом, youo может быть на 100% уверен, что ячейки не изменят свой размер.

источник

2014-01-16 16:29:17

предотвращает расширение столбцов таблицы css

ответ

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