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

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

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

问题:

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

答案:

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

<span>查看全部</span>

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

<span>收起</span>

标签。

以上就是如何将“查看全部”和“收起”按钮紧跟在 flex 布局中的文字后面?的详细内容,更多请关注其它相关文章!