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

图片描述

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

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

css 前端

阅读 3.5k

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>