|
|
Регистрация Восстановить пароль |
Регистрация | Задать вопрос |
Заплачу за решение |
Новые сообщения |
Сообщения за день |
Расширенный поиск |
Правила |
Всё прочитано |
|
|
Опции темы | Поиск в этой теме |
04.06.2016, 23:20 | #1 | |
Форумчанин
Регистрация: 24.04.2015
Сообщений: 199
|
[РЕШЕНО]: "Центральный" блок для стихов
Всем привет. У меня вот следующая проблема. На сайте должны быть стихи. А стихи, как правило, писать по середине. По середине, но вот с ровным левым краем. По этому, создать обычный блог для стихов, и дать абзацам text-align: center; не подходит. Также дать абзацу фиксированный отступ тоже нельзя, потому что стихи бывают разными... Толстые, худенькие... Центр так поймать очень сложно.
Мне пришла в голову мысль создать блок <div> с margin: 0 auto; (то есть блок будет находиться по середине), и ширину его сделать минимальным (ну, например, 50px), и сделать так, чтобы она расширялась по размерам текста ! по ширине !. Думал, что с min-width и max-width смогу разобраться, так как по высоте блога так все получается, но не тут-то было... Помогите пожалуйста, может, есть какие-то команды в CSS, чтобы блок мог играться с шириной относительно ширина содержимого? Решение: Цитата:
Булат Азат улы
Последний раз редактировалось Вадим Мошев; 12.05.2018 в 19:37. |
|
04.06.2016, 23:44 | #2 |
Старожил
Регистрация: 31.05.2010
Сообщений: 13,543
|
На сайте, должны быть стихи.
Не понимаю зачем, но маюсь-я. Наверное, потому-что один. Одичал уже и отчаялся. Создать, просто блог для стихов, Мне - откровенно зазорно. Стихов не пишу я своих А копипастить - позорно. Ну ладно, скажу не тая Меня удивил ты отменно. Возможно, величия для. Но глупость несёшь - откровенно.
Пиши пьяным, редактируй трезвым.
Справочник по алгоритмам С++ Builder |
05.06.2016, 11:05 | #3 | |
Форумчанин
Регистрация: 24.04.2015
Сообщений: 199
|
Цитата:
Но просто дела в том, что в моем сайте стихи в такой форме (слева, скраю) совсем не подходят. Что-то не то получается. Хотелось бы их посередине расположить, как в книгах. А что же тут такого, если я создаю отдельный блог под стихи? Я вообще с блоками <div> дружу, у меня их на сайте - десятки! Удобно же, дать им класс или идентификатор, и писать в стилях для каждого что хочешь))) Так можно как-то сделать блог, которая растягивается в ширину относительно абзаца? Вот, сделал скриншот того, что я пока смог натворить: http://storage5.static.itmages.ru/i/...1b388b87db.jpg Теперь надо, чтобы вот этот средний блок растягивался в ширину самого длинного абзаца в этом блоке...
Булат Азат улы
Последний раз редактировалось Вадим Мошев; 05.06.2016 в 14:01. |
|
05.06.2016, 11:25 | #4 |
Старожил
Регистрация: 31.05.2010
Сообщений: 13,543
|
В теге <div> поставь - witch - "auto". Будет растягиваться.
Пиши пьяным, редактируй трезвым.
Справочник по алгоритмам С++ Builder |
05.06.2016, 13:40 | #5 |
Форумчанин
Регистрация: 24.04.2015
Сообщений: 199
|
Если написать width: auto; то этот блок растянется столько, сколько сможет, а не столько, сколько длина внутненнего абзаца. Да, с высотой блока height: auto; получится то, что я хотел... Только в длину А в ширину, к сожалению, я так сделать что-то не могу
http://storage9.static.itmages.ru/i/...d55b3ad7dd.jpg
Булат Азат улы
Последний раз редактировалось Вадим Мошев; 05.06.2016 в 14:01. |
05.06.2016, 14:20 | #6 |
Раздолбайских Дел
Старожил
Регистрация: 22.05.2009
Сообщений: 3,828
|
— Внешнему блоку text-align: center;
— Внутреннему, display: inline-block; и text-align: left; Такой метод разместит блок по центру, а его размер будет задавать контент. Отлично метод подходит для модалок. Пример есть у меня в подписи — жми на кнопку "создать книгу бесплатно". Также задай поля и отступы по вкусу. Стихи лучше разбивать по абзацам (<p>), а строки, соответственно переносить через <br> п.с. Смитт как всегда офигенен))
Alar, верни репу!
Последний раз редактировалось Naive; 05.06.2016 в 14:32. |
05.06.2016, 15:59 | #7 |
Старожил
Регистрация: 31.05.2010
Сообщений: 13,543
|
Да, с этой хренью я тоже мучился. То этим дивам и так-не так и так не эдак. Плюнул. Создал таблицу. Тьфу-тьфу-тьфу, хоть мороки не имею. В Опере работает. Проверяю на лисе, все блоки перепутаны. Проверяю на Хроме. Перепутка идёт, но совсем ни как на Лисе. Проверяю на IE, там вообще - полный пипец! Даже некоторые блоки не отображал. Да, и Хром, не айс. Опера, гадина, рекламу отображает. Хром, хоть ап стену убейся, не хочет.
Пиши пьяным, редактируй трезвым.
Справочник по алгоритмам С++ Builder Последний раз редактировалось Smitt&Wesson; 05.06.2016 в 16:05. |
05.06.2016, 16:04 | #8 | |
Форумчанин
Регистрация: 24.04.2015
Сообщений: 199
|
Цитата:
Булат Азат улы
|
|
05.06.2016, 16:20 | #9 | |
Форумчанин
Регистрация: 24.04.2015
Сообщений: 199
|
Цитата:
Булат Азат улы
|
|
05.06.2016, 16:52 | #10 |
Старожил
Регистрация: 31.05.2010
Сообщений: 13,543
|
Да, я всё про дивы. Правда, экспериментировал с этим, лет шесть назад. Возможно, уже что-то и изменилось. Старенький у меня сайт. 2009-го года. А сейчас, лениво движком заниматься. Работает, ну и ладушки.
Пиши пьяным, редактируй трезвым.
Справочник по алгоритмам С++ Builder |
|
Похожие темы | ||||
Тема | Автор | Раздел | Ответов | Последнее сообщение |
Для заданной строки определить все входящие в неё символ. Например: строка "abccbbabbac" состоит из символов "a", "b" и "c" | Sandakan01 | Помощь студентам | 1 | 24.02.2016 03:20 |