Sass-H5文本对齐
您好,我目前正在使用rails 4.2,并使用sass和haml。我正在尝试将我拥有的h5中心对齐,但它似乎不想与我合作,我已经尝试与谷歌搜索,但仍然失败 这是我的密码 静态页面如下所示Sass-H5文本对齐,sass,ruby-on-rails-4.2,Sass,Ruby On Rails 4.2,您好,我目前正在使用rails 4.2,并使用sass和haml。我正在尝试将我拥有的h5中心对齐,但它似乎不想与我合作,我已经尝试与谷歌搜索,但仍然失败 这是我的密码 静态页面如下所示 .row#mod .container#space .row .col-md-2 .thumbnail .caption =image_tag
.row#mod
.container#space
.row
.col-md-2
.thumbnail
.caption
=image_tag "a.png", tag: "",class: "img-thumbnail"
%h5
%b#tag Lead
%br
这是什么意思
#tag
text-align: center
但是h5的中心对齐仍然无效,任何人都可以帮助我,谢谢id
标记
位于内联元素
上,因此文本对齐:中心
不会在块h5元素内居中。您可以使#tag显示:block
,也可以将文本对齐:居中
移动到h5
例1:
例2:
这不是Rails或Sass的问题,请提供已编译的标记/CSS。这是为了仅设置页面上的一个h5标记的样式,还是为了使样式更一般化为“.thumboil.caption h5”之类的样式,并在其上添加“text align:center”。
#tag
display: block
text-align: center
.caption h5
text-align: center