нужно центрировать список в центре веб-страницы - PullRequest
Новая
       3

нужно центрировать список в центре веб-страницы

1 голос
/ 23 февраля 2012

Мне нужно создать список на html-странице и центрировать его с помощью CSS.

Вот изображение сорта, что я хочу:

enter image description here

маленький список блоков должен быть в центре, со всеми сплошными маркерами и выровненным текстом, но сам блок все еще должен быть в центре.у меня есть свой список и нужные мне отступы, и весь список выровнен по левому краю.

в основном я хочу, чтобы список находился в мертвой точке страницы, при этом все маркеры были выровнены по левому краю друг относительно друга идве круглые пули с небольшим отступом.

как я могу это сделать !?

Я пытаюсь div использовать margin-left/right, установленный на auto, но безуспешно.

Ответы [ 3 ]

2 голосов
/ 23 февраля 2012

Вы пробовали margin:0 auto; Обычно это работает, чтобы сделать вещи в центре.

1 голос
/ 23 февраля 2012

Таким образом, это точно по центру: 

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
      <style>
        body { text-align: center; }
        div { display: inline-block; }
        li { text-align: left; }
      </style>
    </head>
    <body>
       <div> 
         <ul>
           <li>text
              <ul>
                 <li>indented text</li>
                 <li>indented text</li>
              </ul>
           </li>
           <li>text
             <ul>
               <li>indented text</li>
               <li>indented text</li>
            </ul>
          </li>
         </ul>  
       </div>
    </body>
</html>
1 голос
/ 23 февраля 2012

Вы можете сделать что-то вроде этого:

HTML 

<div id="container">
    <ul>
        <li>One</li>
        <li>Two</li>
        <li>
            <ul>
                <li>One</li>
                <li>Two</li>       
            </ul>
        </li>
        <li>Three</li>
    </ul>
</div>

CSS 

#container{
    width:45%;
    border:1px solid red;
    padding:1em;
    margin:0 auto;
}​

Пример: http://jsfiddle.net/7rrzZ/1/

Конечно,вам не нужна граница, и вам нужно будет играть с пулями, но вы поняли.

...