css 如何实现不管文字占多少行按钮始终在右侧的效果?

沃德天_拉莫帅
  • 655

图片描述

<p>
    传承了多年的北京风味老字号,使
    煎饼更加酥脆饱满。来吃的人络绎
    不绝,每每长龙的队
    <a>更多></a>
    </p>

这段文字是后端动态加载的,占多少行不确定,但是这个“更多”按钮必须在最后一行的末尾,
这种效果用css可以实现吗?

回复
阅读 2.3k
3 个回答

float 可以实现

<!DOCTYPE html>
<html>
<head>
    <title></title>
    <style type="text/css">
   p{
       background: red;
       font-size: 20px
       ;
       color: white;
   }
   p a{
    float: right;
   }

    </style>
</head>
<body>
<p>
    传承了多年的北京风味老字号,使
    煎饼更加酥脆饱满。来吃的人络绎
    不绝,每每长龙的队
    传承了多年的北京风味老字号,使
    煎饼更加酥脆饱满。来吃的人络绎
    不绝,每每长龙的队
    <a>更多></a>
    </p>
</body>
</html>

clipboard.png

给a标签加float:right可以的吧。

absolute和float都行

宣传栏