Расположение CSS с 2 седлами с цветами фона, которые заполняют полную высоту?

Просто маленький помощник разработчика, используя multer-gridfs-storage, вы можете загрузить все изображение в базу данных. Это означает, что через некоторое время база данных будет очень тяжелой. Допустим, через довольно долгое время вам нужно будет сделать резервную копию. Так что время резервного копирования будет огромным, приятель.

Так что я рекомендую вам использовать multer - npm. Просто используйте, потому что с его помощью вы все равно можете загрузить изображение, но не в базу данных. Вместо этого вы можете сохранить изображение на своем сервере, создав специальную папку для всех ваших изображений и загрузить туда все входящие изображения. Чтобы ссылаться на изображение в определенном объекте, вы можете сохранить имя изображения вместо всего изображения. Таким образом, размер базы данных не будет быстро увеличиваться

6
задан Simon_Weaver 7 September 2010 в 16:34
поделиться

8 ответов

Если поддельные столбцы не являются Вашей вещью попытка многостолбцовые разметки.

Удалите содержание из любого блока (существует многое из него) испытать его.

Это всегда было вещью, из-за которой я испытал затруднения - я буду советовать Вам отметить Список Независимо и взглянуть через некоторые статьи в категории CSS. У них есть некоторые превосходные учебные руководства и рецензии там для frontend кодеров (вещи как спрайты CSS, жидкие разметки, шрифты и т.д.).

3
ответ дан 17 December 2019 в 00:15
поделиться

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

Метод поддельного столбца широко используется и является функциональным перекрестным браузером. Почему это не эффективное решение для Вас?

1
ответ дан 17 December 2019 в 00:15
поделиться

Если бы у Вас есть проблема с фоном изображения, что же, спрашивается, выровняло бы по ширине таблицы использования? Это кажется очень назад мне. Фон изображения дает Вам надлежащую разметку, желаемый эффект, и имеет перекрестную совместимость браузера.

Вы могли использовать JavaScript - но это действительно не необходимо.

1
ответ дан 17 December 2019 в 00:15
поделиться

Если у меня есть Ваш корректный вопрос, Ваш макет должен быть столь же простым как:

 <div class="wrapper">
    <div class="col1">Blahblah</div>
    <div class="col2">Blahblah</div>
    <div class="clear"></div>
 </div>

styles.css:

 .wrapper { background-image: url(imageTile.gif); background-repeat: repeat-y; }
 .col1 { float: left; width: 100px; margin-right: 20px; }
 .col2 { float: left; width: 100px; }
 .clear { clear: both; }

Забудьте таблицу, IMO, это намного легче. Высоты согнет с содержанием. imageTile.gif должен составить 1 пкс [x] частью пкс цвета фона, где [x] является шириной страницы.

1
ответ дан 17 December 2019 в 00:15
поделиться

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

<div class="a">Text A</div>
<div class="b">Text B</div>

С CSS:

html, body
{
    height: 100%;
}

.a
{
    width: 50%;
    height: 100%;
    min-height: 100%; /* For IE */
    background-color: red;
    float: left;
}

.b
{
    width: 50%;
    height: 100%;
    min-height: 100%;
    background-color: blue;
    float: left;
}

Это даст Вам что-то вроде этого: for-simon.html

Это то, что Вы ищете?

1
ответ дан 17 December 2019 в 00:15
поделиться

Я потратил (потратил впустую) много времени, ища хорошее решение CSS этого. Чувак, используйте таблицу. Мы не скажем никому.

0
ответ дан 17 December 2019 в 00:15
поделиться

Я успешно реализовал метод, объясненный в http://www.ejeliot.com/blog/61 под заголовком "Иначе"

0
ответ дан 17 December 2019 в 00:15
поделиться

Я действительно не подтверждаю эту опцию, но можно хотеть проверить пример 7 здесь, если Вы открыты для основанного на JavaScript решения.

http://www.html.it/articoli/niftycube/index.html

0
ответ дан 17 December 2019 в 00:15
поделиться
Другие вопросы по тегам:

Похожие вопросы: