如何在一行包含图片和文本的不同元素中获得特定的布局CSS/HTML？

06odsfpq 于 2022-11-26 发布在其他

关注(0)|答案(1)|浏览(73)

我正在尝试创建一个概述，它的间距与引用我的设计的图像的间距相同。目前我还不知道如何在名称变量的长度不同时使项目保持在同一位置，这意味着布局不一致。
第一次
这是我目前的尝试，我已经尝试工作与表，但我不能想出如何做到这一点的方式。我希望有人可以帮助我们与我的CSS代码，让我的网站，以配合我的设计。
负责打印的HTML代码
第一个

来源：https://stackoverflow.com/questions/74563633/how-to-get-a-specific-layout-in-a-row-of-different-elements-containing-pictures

1条答案

按热度按时间

我会将该行 Package 在div中并使其灵活，然后为除房间名称之外的所有内容给予大小，我会将其指定为flex-grow: 1
下面我做了如下修改：

添加了行 Package （align-items垂直居中文本）
为行添加边框并删除hr（可选）
移除高度
删除了空格div并使用了边距
已将id更改为类
从img标签中删除了宽度和高度，并为其指定了100%的宽度（它似乎比它所在的div大）

第一个

赞(0）回复(0）举报 2022-11-26

相关问题

热门标签

Java query python Node 开发语言 request Util 数据库 Table 后端算法 Logger Message Element Parser

最新问答

xxl-job 安全组扫描到执行器端口服务存在信息泄露漏洞
回答(1) 发布于 22天前
xxl-job 不能和nacos兼容？
回答(3) 发布于 22天前
xxl-job 任务执行完后无法结束，日志一直转圈
回答(3) 发布于 22天前
xxl-job-admin页面上查看调度日志样式问题
回答(1) 发布于 22天前
xxl-job 参数512字符限制能否去掉
回答(1) 发布于 22天前