2016-04-09 3 views
0

TableКак сохранить ячейки в соответствии с таблицей?

Я знаю, что это может иметь простое решение, но я пробовал все, и я не мог заставить его работать.

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

Что я хочу, чтобы позволить ячейкам поддерживать размер стола, а не просто показывать фон.

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

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

+5

Вы должны разместить свой код – Stuart

+0

К сожалению, здесь: http://pastebin.com/4HABdEAV Я не сделал ничего особенного в этом, просто я не могу заставить его работать должным образом. Вот еще более конкретное изображение, где они не симметричны: http://imgur.com/y3KnTgf – MatthewSeph

+0

@MatthewSeph Используйте https://jsfiddle.net/ для кода, и если вы дадите некоторый код, попробуйте дать CSS и HTML 1st для этого у нас есть все, что нам нужно для работы, и 2-го для этого мы видим, что вы пробовали alredy – DanyCode

ответ

0

Вы имеете в виду это?

table { 
 
    width: 100%; 
 
    min-height: 250px; 
 
    border: 16px blue solid; 
 
} 
 
td { 
 
    border: 8px lime solid; 
 
    width: 25%; 
 
    text-align: center; 
 
    padding: 44px; 
 
}
<table> 
 
    <tr> 
 
    <td>Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit..."</td> 
 
    <td>adipisci</td> 
 
    <td>velit</td> 
 
    <td>quisquam</td> 
 
    </tr> 
 
</table>

+0

Я сделал ту часть. Моя проблема в том, что я создаю более одного , и они не симметричны. Вот более конкретное изображение: http://imgur.com/y3KnTgf И вот код .css: http://pastebin.com/4HABdEAV – MatthewSeph

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