gpt4 book ai didi

html - CSS中并排垂直中间对齐的图像和文本

转载 作者:搜寻专家 更新时间:2023-10-31 02:24:49 24 4
gpt4 key购买 nike

我正在尝试使用两个 div 连续打印图像和文本。

到目前为止我已经获得了这个输出:

enter image description here 示例文本

但我需要在图片之后的中间显示文字,而不是底部。

HTML

<body>
<div id="qr" style="display:inline-block; min-width:2.2cm; height:3.8cm; align: center;" >
[ image_url ]
</div>
<div style="display:inline-block; min-width:3.8cm;">
sample text
</div>
</body>

CSS

body{
width:21.1cm;
height:29.8cm;
background-color: white;
margin-top:0.4cm;
}
  • 图像是二维码。所以我不能使用table方法
  • divforeach 方法中使用。所以不能改变尺寸。我怎么能够?

最佳答案

你在寻找这样的东西吗:

<div id="qr" style="display:inline-block; min-width:2.2cm; height:3.8cm; align: center;vertical-align: middle;" >
<img src="http://i.stack.imgur.com/25Rl3.jpg" style="height:3.8cm;">
</div>
<div style="display:inline-block;vertical-align: middle;">
sample text
</div>

关于html - CSS中并排垂直中间对齐的图像和文本,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35101813/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com