我有一个以div为邻居的图像,并且我似乎无法使元素的顶部彼此对齐。div中的文本最终与图像的底部对齐。
所以我基本上有以下的HTML:
<img src="" /><div class="block">This lines up with the bottom of the image.</div>
我必须应用哪种CSS才能使元素的顶部彼此对齐?
我在谷歌上搜索了"align image div",但我找不到解决问题的方法。
提前谢谢。
我在为类创建的一个项目中有一个页面,其中我想要在左侧对齐图像,右侧的文本在图像的中间对齐。我决定不使用html元素,而是尝试在我的外部CSS中使用内部CSS div元素。我的问题是我不能让它们在垂直方向上正确对齐。我有水平对齐,但文本要么显示在图像上方一行,要么显示在图像下方一行。我尝试了这篇文章中包含的技术,但它们没有解决我的问题。
这是我的内部CSS。
<style type="text/css">
/* left div holding the image */
#left {
width:170px;
align:left; }
/* right div
我试图用HTML制作一个数量未知的图片库。我使用引导程序来显示图像,并有一些django模板库编码。我不能正确地对齐图像。我基本上是在尝试使用Django模板中的循环标记在引导后显示行类。我希望图像出现在一行中,每一行都有两个图像。行中每个图像的高度应正确对齐。现在高度不对齐。其中一幅略高于另一幅。你能帮忙吗,这是我的html文件?
<div class="container">
{% load staticfiles %}
{% for plot in plots%}
{% with plot|add:".png" as image_sta