Таблица должна содержаться в элементе divCSS

Разбираемся в CSS
Ответить
Anonymous
 Таблица должна содержаться в элементе div

Сообщение Anonymous »

Я создал форму, которая принимает слово(а) и затем выполняет поиск в Твиттере 20 последних твитов, содержащих это слово(я).
Изначально форма содержится в элементе div. Когда форма получит входные данные, она распечатает эти 20 твитов в таблице.
Проблема, с которой я столкнулся, заключается в том, что когда таблица распечатывается, она растягивает размер элемента div. . Итак, я получу элемент div, высота которого будет соответствовать высоте таблицы. Я пробовал использовать CSS-атрибут overflow, но, похоже, он не работает.
По сути, здесь я хотел бы получить таблицу из множества строк, содержащуюся в элемент div, не увеличивая его размер.
Можно ли это сделать? Есть примеры?

Код: Выделить всё

.wrapper {
position: absolute;
top: 13%;
left: 24%;
margin-top: 5px;
display: table;
margin-left: 10px;
background-color: #92ff6c;
width: 800px;
height: 650px;
border-radius: 15px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
overflow-x: auto;
}

.landingpage {
border-collapse: collapse;
width: 95%;
margin-top: 2%;
margin-left: auto;
margin-right: auto;
table-layout: fixed;
overflow: auto;
}

Код: Выделить всё


Search for tweets









User
Text
Date
Retweets
Favourites

























Подробнее здесь: https://stackoverflow.com/questions/289 ... iv-element
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

Вернуться в «CSS»