Центральное Отделение в другом отделении (100% шириной)
Время, когда я нахожу, что это больше всего необходимо, для записи флэш-памяти или пользовательских ошибочных средств проверки. Его хорошее для использования вещей как link_to помощники в сообщении "молния" при некоторых обстоятельствах. Я использую следующее решение получить помощников ActionView в контроллер. Сообщите, что, как был упомянут выше, это повреждает разделение MVC, поэтому если у кого-либо еще есть лучшая идея, сообщите мне!
Ниже ApplicationController добавляют это:
class Something
include Singleton
include ActionView::Helpers::UrlHelper
end
и в ApplicationController, добавьте
def foo
Something.instance
end
и наконец в контроллере, где Вы хотите получить доступ к коду помощника:
messages << "<li class='error'>Your have an Error!<%= foo.link_to('Fix This', some_path) %></li>"
Hope, которая помогает в некотором роде!
5 ответов
.parent { text-align: center; }
.parent > .child { margin: 0 auto; width: 900px; }
Приведенный ниже стиль внутреннего div будет центрировать его.
margin: 0 auto;
для получения подробной информации, скажем, приведенный ниже код будет выравнивать по центру div:
margin-left: auto;
margin-right: auto;
или просто использовать:
margin: 0 auto;
, но имейте в виду, что приведенный выше код CSS работает только тогда, когда вы указываете фиксированная ширина (не 100%) для вашего элемента html. Таким образом, полное решение вашей проблемы будет таким:
.your-inner-div {
margin: 0 auto;
width: 900px;
}
The key is the margin: 0 auto; on the inner div. A proof-of-concept example:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<body>
<div style="background-color: blue; width: 100%;">
<div style="background-color: yellow; width: 940px; margin: 0 auto;">
Test
</div>
</div>
</body>
</html>