css定位问题

发布于 2024-11-05 17:51:14 字数 260 浏览 1 评论 0原文

我一生都在努力弄清楚什么应该是一个极其简单的 CSS 任务:将文本块与图像的右侧对齐,并垂直定位该块,使其与图像的底部对齐;我不想声明包含元素的高度,因为这是一个冗长的图像列表,并且尺寸会有所不同(但都具有一定的最大宽度/高度)。我试图用“position:relative”定义一个父元素,其中包含两个左浮动的div,一个带有图像,另一个带有文本块,定位为“absolute”和“bottom:0”,但我似乎看不到让文本块与图像底部对齐...

这里的任何帮助都可以很好地帮助我避免疯狂;)

I'm trying for the life of me to figure out what should be an excruciatingly simple CSS task: aligning a block of text to the right of an image and vertically positioning the block so it aligns with the bottom of the image; and I'd prefer to not have to declare a height for the containing element as this is for a lengthy image listing and the dimensions will vary (but all with a certain max width/height). I've attempted to define a parent element with "position:relative" containing two left-floated divs, one with the image and the other with the text block, positioned "absolute" and "bottom:0" and I can't seem to get the text block to align with the bottom of the image...

any assistance here may very well help me stave off a fit of insanity ;)

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

何以心动 2024-11-12 17:51:14

如果文本位于图像的右侧,只需在图像后面使用带有 display:inline-block 的元素,并将所有内容包含在一个块中(如 div)。请参阅此处

If the text go to the right of the image, just use an element with display:inline-block after the image, and enclose everything in a block (like div). See it here

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文