- Поисковые системы
- Практика оптимизации
- Трафик для сайтов
- Монетизация сайтов
- Сайтостроение
- Социальный Маркетинг
- Общение профессионалов
- Биржа и продажа
- Финансовые объявления
- Работа на постоянной основе
- Сайты - покупка, продажа
- Соцсети: страницы, группы, приложения
- Сайты без доменов
- Трафик, тизерная и баннерная реклама
- Продажа, оценка, регистрация доменов
- Ссылки - обмен, покупка, продажа
- Программы и скрипты
- Размещение статей
- Инфопродукты
- Прочие цифровые товары
- Работа и услуги для вебмастера
- Оптимизация, продвижение и аудит
- Ведение рекламных кампаний
- Услуги в области SMM
- Программирование
- Администрирование серверов и сайтов
- Прокси, ВПН, анонимайзеры, IP
- Платное обучение, вебинары
- Регистрация в каталогах
- Копирайтинг, переводы
- Дизайн
- Usability: консультации и аудит
- Изготовление сайтов
- Наполнение сайтов
- Прочие услуги
- Не про работу
Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий
Всем привет. Подскажите пожалуйста как создать таблицу на дивах состоящую из 3х колонок. Если быть точнее нужна не совсем таблица, а нужно разместить в центрально части страницы текст в 3 колонки. То есть, чтобы все было аккуратно и красиво, каждый фрагмент отсортирован по центру, чтобы колонки не слипались друг с другом а были разделены по 33% шириной. То есть первая колонка ровно треть области, вторая и третья по 33% и текст в них отцентрован. У меня получилось создать 3 колонки, но текст лёг очень неаккуратно, то есть получилось, что все прилипло к левой части контента. а нужно чтобы было равномерно. Спасибо.
---------- Добавлено 26.12.2015 в 10:48 ----------
Вот как то так, чтобы было https://yadi.sk/i/GlzdAEMtmVqkF
учите CSS !!! юзайте гугл , все эти вопросы по 100 раз уже обмусолины
---------- Добавлено 26.12.2015 в 11:57 ----------
ту даже padding , margin и тд
Dimoogle, используйте padding и выравнивание текста в блокахдля хорошего отображения ☝
Спасибо. Буду пробовать.
попробуйте просто вот так применить класс к своему диву
.col3 {
width: 100%; /*указываем общую ширину блока с колонками*/
text-align: justify; /*выравнивание текста внутри колонок*/
column-count: 3; /*количество колонок, на которое хотим разбить текст*/
-moz-column-count: 3; /*для мозилы*/
-webkit-column-count: 3; /*для webkit браузеров*/
column-gap: 40px; /*отступ между колонками*/
-moz-column-gap: 40px;
-webkit-column-gap: 40px
}
<div class=col3>
<li>1</li>
<li>1</li>
<li>1</li>
<li>1</li>
<li>1</li>
<li>1</li>
<li>1</li>
<li>1</li>
<li>1</li>
<li>1</li>
</div>
вместо li, можете использовать любой тег, или просто стилизируйте li под ваши нужды
<div class=col3>
<li>1</li>
</div>
Это уже какой-то бред.
<li> должен быть в вложенным в <ul>
<ul class=col3>
<li>1</li>
</ul>
<div class=col3>
<p>1</p>
</div>
и тд
вариантов море
включите мозги