Форум программистов
 
Контакты: о проблемах с регистрацией, почтой и по другим вопросам пишите сюда - alarforum@yandex.ru, проверяйте папку спам! Обязательно пройдите активизацию e-mail.

Вернуться   Форум программистов > Web > HTML и CSS
Регистрация

Восстановить пароль
Повторная активизация e-mail


Ответ
 
Опции темы
Старый 19.09.2018, 12:44   #1
s88s
Форумчанин
 
Регистрация: 02.01.2014
Сообщений: 305
Репутация: 83
По умолчанию Выравнивение по центру список ul li

Доброго времени суток!

Помогите сойти с места а то я чего то завис и не туды и не сюды =(

В общем и так есть у меня блок div в котором расположено меню в виде списка ul li и в одну строку

Код:

<style>

.Content{
  min-height:480px;
  border:1px solid red;
}

.Content ul{
  display: inline-block;
  border:1px solid blue;
  padding:0;
}

.Content li{
  display : inline-block ;
  list-style-type: none;
  border:1px solid green;
}

</style>

<div class="Content">
    <ul>
        <li>1</li>
        <li>2</li>
        <li>3</li>
        <li>4</li>
        <li>5</li>
    </ul>
</div>

Подскажите как мне разместить этот список что бы при изменении разрешения экрана по width все сохранялось на месте то есть есть этот список был четко по середине этого блока
__________________
"Я не волшебник, я только учусь"

Последний раз редактировалось s88s; 19.09.2018 в 12:59.
s88s вне форума   Ответить с цитированием
Старый 19.09.2018, 13:02   #2
Вадим Мошев
гигаМодератор :)
Заслуженный модератор
 
Аватар для Вадим Мошев
 
Регистрация: 12.11.2010
Адрес: Адрес: Адрес: Адрес: Адрес: Адрес: Адрес: Адрес: Адрес:
Сообщений: 7,595
Репутация: 3678
По умолчанию

Для CSS класса .content допишите свойство margin со значением 0 auto, то есть, margin: 0 auto.
Вадим Мошев на форуме   Ответить с цитированием
Старый 19.09.2018, 13:16   #3
s88s
Форумчанин
 
Регистрация: 02.01.2014
Сообщений: 305
Репутация: 83
По умолчанию

Цитата:
Сообщение от Вадим Мошев Посмотреть сообщение
Для CSS класса .content допишите свойство margin со значением 0 auto, то есть, margin: 0 auto.
И не чего не будет к сожалению.

И мне нужно сделать так что бы этот список располагался там где синяя точка а не где зеленый прямоугольник на рисунке
Изображения
Тип файла: png csssssss.png (5.6 Кб, 10 просмотров)
__________________
"Я не волшебник, я только учусь"

Последний раз редактировалось s88s; 19.09.2018 в 13:23.
s88s вне форума   Ответить с цитированием
Старый 19.09.2018, 13:35   #4
Naive
Раздолбайских Дел
Профессионал
 
Аватар для Naive
 
Регистрация: 22.05.2009
Адрес: Екатеринбург
Сообщений: 3,690
Репутация: 2127
По умолчанию

Код:

.Content {
    display: flex;
    justify-content: center;
    align-items: center;
}

__________________
Работаю. В этот раз за деньги.
Жду ваши искренние спасибы на яндекс-кошелек: 410011068154587
Naive вне форума   Ответить с цитированием
Ответ

Опции темы

Ваши права в разделе
Вы не можете создавать новые темы
Вы не можете отвечать в темах
Вы не можете прикреплять вложения
Вы не можете редактировать свои сообщения

BB коды Вкл.
Смайлы Вкл.
[IMG] код Вкл.
HTML код Выкл.

Быстрый переход

Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
С++ Сформировать список студентов по группам факультета ИВТ. Список по группам формировать по возрастанию количества неуспевающих студентов. Список выдать UserNopro Помощь студентам 0 08.11.2017 15:31
Позиционирование по центру segail HTML и CSS 17 24.12.2013 16:59
создать список л3 из элементов входящих и в список л1 и в список л2 goosha_gio C++ Builder 1 27.06.2013 22:22
Выравнивание по центру swish HTML и CSS 3 09.08.2012 20:32
Создать односвязный список и вывести его на экран. Из этого списка создать новый список по указанному ниже правилу и новый список San111 Паскаль 1 15.05.2012 22:08


21:05.


Powered by vBulletin® Version 3.8.8 Beta 2
Copyright ©2000 - 2018, Jelsoft Enterprises Ltd.

RusProfile.ru


Справочник российских юридических лиц и организаций.
Проекты отопления, пеллетные котлы, бойлеры, радиаторы
интернет магазин respective.ru