如何将“查看全部”和“收起”按钮紧跟在 flex 布局中的文字后面？

css 样式问题：内容后追加按钮

问题：

需要在一段文字后添加 “查看全部” 和 “收起” 功能，但目前采用 flex 布局使按钮与文字分离。如何修改样式，使按钮紧跟在文字后面？

答案：

您可以使用 JavaScript 来控制这段文本的状态。当文本处于收起状态时，在文字后面添加一个

<span>查看全部</span>

标签。当文本处于展开状态时，隐藏 “查看全部”，并添加一个

<span>收起</span>

标签。