如何对齐"阅读更多"在右边?

时间:2017-04-24 16:01:58

标签: css css-selectors

我在我的网站上使用ReadMore.js,这是一个创建" readmore / close"切换内容可见性的按钮。

目前“阅读更多”'按钮在其折叠的文章下方左侧对齐。此代码的示例位于http://jedfoster.com/Readmore.js/。我希望按钮向右对齐。

我查看了文档,似乎没有任何配置可以让我更改对齐方式。脚本生成的代码没有附加类:

<a href="#" data-readmore-toggle="rmjs-1" aria-controls="rmjs-1">Read More</a>

有没有办法创建一个针对&#39; data-readmore-toggle&#39;?

的课程?

3 个答案:

答案 0 :(得分:2)

我找到了一种方法:

[data-readmore-toggle^="rmjs"] {
    text-align: right;
}

这会定位以rmjs开头的所有数据类型。

答案 1 :(得分:1)

article + [data-readmore-toggle] { text-align: right; }

OR

[data-readmore-toggle] {
    text-align: right;
}

答案 2 :(得分:0)

这是一个修复

a.article.atn {
    text-align: right;
}

或者

a{
text-align:right
}