如何使用CSS实现两行高度自适应，让第二行高度响应式变化？

目前golang学习网上已经有很多关于文章的文章了，自己在初次阅读这些文章中，也见识到了很多学习思路；那么本文《如何使用CSS实现两行高度自适应，让第二行高度响应式变化？》，也希望能帮助到大家，如果阅读完后真的对你学习文章有帮助，欢迎动动手指，评论留言并分享~

css实现两行高度自适应

在布局中，经常会遇到需要让两行元素的高度自适应的情况。假设第一行元素（"

f

s

s

f

解决这个问题的一个方法是使用css的"display"属性。

1. 将父容器（"
   "）的"display"属性设置为"table"。
2. 将子元素（"
   "和"

   "）的"display"属性分别设置为"table-caption"和"table-cell"。

通过这种方式，"

s

f

以下是一个示例代码：

    
123
    

这样，无论"

s

f

[在线演示](https://jsrun.net/vkpkp/edit)

今天关于《如何使用CSS实现两行高度自适应，让第二行高度响应式变化？》的内容介绍就到此结束，如果有什么疑问或者建议，可以在golang学习网公众号下多多回复交流；文中若有不正之处，也希望回复留言以告知！