Warning: file_get_contents(/data/phpspider/zhask/data//catemap/6/ant/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Sass-H5文本对齐_Sass_Ruby On Rails 4.2 - Fatal编程技术网

Sass-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

您好,我目前正在使用rails 4.2,并使用sass和haml。我正在尝试将我拥有的h5中心对齐,但它似乎不想与我合作,我已经尝试与谷歌搜索,但仍然失败

这是我的密码

静态页面如下所示

.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