Question

嗨，大家好因为某些原因我不能移动我的标签和中间的所有内容。

我尝试了margin: 0 auto;之类的内容，设置width等但没有任何效果

.tab-group{
    margin: 0 auto;

}

Answer 1

如果您尝试将所有标签内容集中在一起：

(defrecord Person [fname lname address])
-> user.Person

(defrecord Address [street city state zip])
-> user.Address

(def stu (Person. "Stu" "Halloway"
           (Address. "200 N Mangum"
                      "Durham"
                      "NC"
                      27701)))
-> #'user/stu

(:lname stu)
-> "Halloway"

(-> stu :address :city)
-> "Durham"

修改

我误解了你的初步问题。你也想要这样做：

.tab-content { text-align: center; }

最后，您可能会注意到在添加.tab-group li { display: inline-block; }后标签之间存在一个小差距。快速解决此问题是删除inline-block中除最后一个之外的所有结束</li>。这样可确保在使用<ul>时，空格不会占用您的间距。

inline-block

如果删除结束标记会让您感到困扰（这会让某些人感到困扰），您可以随时手动删除所有空格。

<ul class="tab-group"> <li class="tab active"><a href="#signup">3D</a> <li class="tab"><a href="#login">REF</a></li> </ul>

我是第一种方法的粉丝：）

将标签内容放在中间

1 个答案: