bootstrap dropdown ::伪元素右对齐后

时间:2019-01-15 16:24:12

标签: html css twitter-bootstrap

我目前在FindOptions按钮上使用btn-block使其变为全角。

但是,我不喜欢:: after伪元素与按钮内容之间只有固定的宽度。

我对psuedo元素样式不满意,但是有没有办法使下拉箭头“浮动”并从下拉列表的右侧对齐固定宽度?

.dropdown-toggle

1 个答案:

答案 0 :(得分:1)

您可以制作:after元素position: absolute;并将其向右对齐,就像这样...

.dropdown-toggle::after {
    position: absolute;
    right: 20px;
    top: 50%;
    margin-top: -5px;
}

无论下拉列表的高度如何,topmargin-top元素都可以帮助垂直对齐箭头。