Css 浮箱使集装箱短缺
我知道这是一个常见的问题，但我似乎无法正确回答。我已经尝试了所有的方法，除了一个可以使这项工作成功的方法，包括各种放置方法以及清除和溢出设置的组合。这是我的代码（为发布而精简）Css 浮箱使集装箱短缺,css,Css,我知道这是一个常见的问题，但我似乎无法正确回答。我已经尝试了所有的方法，除了一个可以使这项工作成功的方法，包括各种放置方法以及清除和溢出设置的组合。这是我的代码（为发布而精简） #消息{边框：红色细虚线；溢出：隐藏；} #消息p{边框：红色细固体；} #line1{边框：淡蓝色实心；} #文本{文本对齐：中间；背景色：#FCF；垂直对齐：中间；} #照片{浮子：左；宽度：160px；边框：厚黑色实体；} 假装这里有一张照片。假装这里有一张照片。 假装这里有一张照片。假装这里有一张照片。 单击此
#消息{边框：红色细虚线；溢出：隐藏；}
#消息p{边框：红色细固体；}
#line1{边框：淡蓝色实心；}
#文本{文本对齐：中间；背景色：#FCF；垂直对齐：中间；}
#照片{浮子：左；宽度：160px；边框：厚黑色实体；}
假装这里有一张照片。假装这里有一张照片。
假装这里有一张照片。假装这里有一张照片。
单击此处查看所有基韦斯特之旅、景点和套餐
在线购买并保存！
问题：如何使我的文本div增长到人造图片框的高度，以便将其与该部分的中间对齐？没有很好的方法来完成您正在尝试的操作。由于图像在其自身的div中向左浮动，因此很难使文本div与之对齐 我只想给文本div一些上边距，这样它至少可以从图像中间的某个地方开始，但显然这不是一个特定的解决方案，它更多的是另一种选择 如果你真的需要把它放在中心，其中一个链接可能会有帮助 或
或者，您可以尝试将图像和文本放在一个div标记中，并为图像提供垂直对齐：中间，只要没有将文本对齐到图像中间的换行符。我刚刚意识到我说的是“对齐中间”。如果不清楚，我希望它与框的中间垂直对齐，即人造图片框的中间。谢谢你！第一个链接将我转到当前的解决方案。。。将文本与图像放在一起，并为图像赋予v-align:middle属性。正如你所说，在那里放置一个
可以将它连接起来，但我会检查另一个链接，看看是否可以做些什么使它变得完美。有些东西还不应该出现在CSS中：）谢谢你的指点！
<style>
#message { border:thin red dashed; overflow:hidden; }
#message p { border:thin red solid; }
#line1 { border:thin blue solid; }
#text { text-align:center; background-color:#FCF; vertical-align:middle;}
#photo { float:left; width:160px; border:thick black solid;}
</style>
</head>
<body>
<div id="Main">
<div id="line1">
<div id="message" >
<div id="photo" > <!-- floated pic box -->
Pretend a picture is here. Pretend a picture is here.
Pretend a picture is here. Pretend a picture is here.
</div> <!-- photo -->
<div id="text"> Click here to see all Key West Tours, Attractions and Packages<br />
Buy Online and Save!
</div> <!-- text -->
</div> <!-- message -->
</div> <!-- line1 -->
</div> <!-- Main -->