text 居中Div与图像和文本相邻

Posted

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了text 居中Div与图像和文本相邻相关的知识，希望对你有一定的参考价值。

<!DOCTYPE html>
<html>
<head>
<style>
.container {
    white-space: nowrap;
    text-align: center;   
}
.box {
    display: inline-block;
    width: 100px;
    vertical-align: middle;
}
</style>
</head>
<body>

<div class = "container">
    <img src = "img.png" class = "box"/>
    <div class = "box">Text</div>
  
</div>

</body>
</html>

以上是关于text 居中Div与图像和文本相邻的主要内容，如果未能解决你的问题，请参考以下文章

将图像居中放在一个太小的 div 中？

将 div 与 Bootstrap 列中的相邻 div 对齐

将按钮中的图像和文本组合为猕猴桃

如何响应地在相对 div（图像）上方居中绝对 div（文本）？

为啥 flexbox 不像 div 中的其他元素那样居中我的图像？

如何将离体3中的化身居中？