Question

您好我正在使用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

sass就是这个

#tag
    text-align: center

但是h5的中心对齐仍无济于事任何人都可以帮助我并且谢谢

Answer 1

标识tag位于内联元素<b>上，因此text-align: center不会将其置于块h5元素中。您可以制作#tag display: block，也可以将text-align: center移至h5。

示例1：

#tag
    display: block
    text-align: center

示例2：

.caption h5
    text-align: center

Sass - H5文本对齐

1 个答案:

示例1：

示例2：