我试图使用
CSS3伪:after on li元素.问题是,内容是:紧随着li内容之后,就好像在使用text-align:left;但是由于我的li元素使用display:block;不应该使用text-align:right;上:后移动:内容一路向右?这还没有.
.container ul li { display: block; border-bottom: 1px solid rgb(60,60,60); border-top: 1px solid rgb(255,255,255); padding: 5px 5px 5px 30px; font-size: 12px; } .container ul li:after { content: ">"; text-align: right; }
这是一个屏幕截图的问题:
我想要>一直在右边,而且由于li的内容改变,我无法设置宽度:在内容之后.
如何获得:在内容对齐后,如果不是text-align?
解决方法
尝试浮动
.container ul li:after { content: ">"; text-align: right; float:right }