CSS: Центральный блок, но выравнивают содержание налево

Я всегда использую его, причины:

  • уезжающие полные имена таблиц в операторах делают их трудно для чтения, плюс Вы не может иметь той же таблицы дважды
  • не использование, что-либо - очень плохая идея, потому что позже Вы могли добавить некоторое поле к одной из таблиц, которая уже присутствует в некоторой другой таблице

, Рассматривают этот пример:

select col1, col2
from tab1
join tab2 on tab1.col3 = tab2.col3

Теперь, вообразите несколько месяцев спустя, Вы решаете добавить столбец, названный 'col1' к tab2. База данных тихо позволит Вам делать это, но приложения повредились бы при выполнении вышеупомянутого запроса из-за неоднозначности между tab1.col1 и tab2.col1.

, Но, я соглашаюсь с Вами на именовании: a, b, c прекрасен, но t и s был бы намного лучше в Вашем примере. И когда у меня есть та же таблица несколько раз, я использовал бы t1, t2... или s1, s2, s3...

65
задан Serge Stroobandt 10 October 2015 в 21:34
поделиться

4 ответа

Перепубликация рабочего ответа из другого вопроса: Как горизонтально центрировать плавающий элемент переменной ширины?

Предполагая, что элемент, который перемещается и будет центрирован, является div с id = "content" ...

<body>
<div id="wrap">
   <div id="content">
   This will be centered
   </div>
</div>
</body>

И примените следующий CSS

#wrap {
    float: left;
    position: relative;
    left: 50%;
}

#content {
    float: left;
    position: relative;
    left: -50%;
}

Вот хорошая ссылка на что http://dev.opera.com/articles/view/35-floats-and-clearing/#centeringfloats

17
ответ дан 24 November 2019 в 15:19
поделиться

Если я вас хорошо понимаю, вам нужно использовать для центрирования контейнера (или блока)

margin-left: auto;
margin-right: auto;

и выравнивания его содержимого по левому краю:

text-align: left;
3
ответ дан 24 November 2019 в 15:19
поделиться
<div>
    <div style="text-align: left; width: 400px; border: 1px solid black; margin: 0 auto;">
         <pre>
Hello
Testing
Beep
         </pre>
    </div>
</div>
1
ответ дан 24 November 2019 в 15:19
поделиться

Обычно вы должны использовать margin: 0 auto для div, как упоминалось в других ответах, но вам нужно будет указать ширину для div. Если вы не хотите указывать ширину, вы также можете (это зависит от того, что вы пытаетесь сделать) использовать поля, например, margin: 0 200px; , это должно сделать ваш контент центрированным, вы также можете увидеть ответ Leyu на мой вопрос

2
ответ дан 24 November 2019 в 15:19
поделиться
Другие вопросы по тегам:

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