我正在尝试使用两个 div 连续打印图像和文本。
到目前为止我已经获得了这个输出:
示例文本
但我需要在图片之后的中间显示文字，而不是底部。
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方法 div在foreach方法中使用。所以不能改变尺寸。我怎么能够？
最佳答案
你在寻找这样的东西吗:
<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/