请问css怎么实现如下效果?

作者站长头像
站长
· 阅读数 6

请问css怎么实现如下效果?宽度不定,图片和主要参建单位居中对齐,右边文字可以换行但是第一行和参建单位对齐

回复
1个回答
avatar
test
2024-06-26

是不是想要下面的效果。answer image

看下代码实现:answer image第一个span模仿了你需要的图片,最主要的是div中使用了display布局。给p标签flex:1,当页面宽度不足以放下p的内容时就会换行。

回复
likes
适合作为回答的
  • 经过验证的有效解决办法
  • 自己的经验指引,对解决问题有帮助
  • 遵循 Markdown 语法排版,代码语义正确
不该作为回答的
  • 询问内容细节或回复楼层
  • 与题目无关的内容
  • “赞”“顶”“同问”“看手册”“解决了没”等毫无意义的内容