Css 需要将图像下方的按钮与其右侧的文本对齐

Css 需要将图像下方的按钮与其右侧的文本对齐,css,alignment,css-position,Css,Alignment,Css Position,“你好!我一直在寻找这样的问题,但我只找到了,它的解决方案对我来说是无用的 我有一个网站,上面展示了一些书,它是edicionesparalelo.com,还有一个网站,人们可以在那里购买这些书:tienda.edicionesparalelo.com我想在每一本书的图片下面放一个按钮,上面写着Ir a la tienda Go to the store,但我不知道如何将图片下面的按钮对齐,并保持文本现在的样子。我试过漂浮和定位,但没有办法 书页的一个例子。我要做的是在图片下面放一个按钮 我奇怪

“你好!我一直在寻找这样的问题,但我只找到了,它的解决方案对我来说是无用的

我有一个网站,上面展示了一些书,它是edicionesparalelo.com,还有一个网站,人们可以在那里购买这些书:tienda.edicionesparalelo.com我想在每一本书的图片下面放一个按钮,上面写着Ir a la tienda Go to the store,但我不知道如何将图片下面的按钮对齐,并保持文本现在的样子。我试过漂浮和定位,但没有办法

书页的一个例子。我要做的是在图片下面放一个按钮

我奇怪地觉得这会被复制,但我发誓我在网上搜索了整整一个小时


你能帮我吗?谢谢

以下是创建所需布局的一种方法。创建两个块级元素,一个用于保存图像和按钮,另一个用于保存内容标题和文本

向左浮动.thumb面板,并将.text面板保持为常规元素

根据需要调整边距、边框和填充

.内容面板{ 溢出:自动;/*将浮动保持在此面板中*/ 边框:1px点蓝色; } .拇指面板{ 浮动:左; 宽度:100px; 边框:1px纯色灰色; 文本对齐:居中; 右边距:20px;/*例如*/ } .拇指面板img{ 显示:内联块; 页边距底部:20px;/*例如*/ } .拇指面板按钮{ 显示:内联块; 边缘底部:20px; } .文本面板{ 溢出:自动;/*防止文本流环绕浮动面板*/ 边框:1px纯色灰色; } 按钮 乱数假文 Lorem ipsum dolor sit amet,是一位杰出的献身者。整张脸上的脸是暂时的,而不是暂时的。芦苇的生命之源在于它的生命之源。努克·康莫多·马莱苏亚达·阿迪皮斯。拉奥里特·萨吉提斯的佩伦特斯凯会议。他坐在阿梅特·埃拉特·奥古斯身边。莫比·康塞特图尔、艾库利斯·库苏斯精英、莫里斯·努拉·亨德雷特·奥古斯、乌特·福西布斯精英、智者维塔·胡斯托。在一只马来酸根中。做一个聪明人。乌贼舌苔。猫科动物的前悬韧带,位于。牛膝草


我建议你在那里放置一个按钮,人们可以用CSS帮助你定位它。也许将图像包装在一个div中,然后将按钮放在该div中的图像下。