【问题标题】:two div in a line one is having image一行中的两个 div 有图像
【发布时间】:2011-01-10 21:09:09
【问题描述】:

this fiddle 中,我希望“删除”和“更新”按钮出现在正确的位置,而不是图像下方。

请建议如何完成。

更新jsFiddle 示例

【问题讨论】:

  • 你现在想要什么?您需要重新表述您的问题,这几乎无法理解。你到底想要你的按钮在哪里?你试过什么了?为什么你的 CSS 中间有随机的 Firebug 链接?请帮助我们通过解决您的问题来帮助您:)
  • @Kyle 请检查小提琴的链接:)
  • 请不要从 Firebug 复制粘贴代码。无法阅读,并且在您的情况下会中断,例如您的示例 CSS。这是一个干净的版本:jsfiddle.net/2kmJe/1
  • @Rahul Mehta:请修复您的 jsFiddle - 您的 CSS 中间随机有 styles.css (line 948)
  • @polarblau 好的,下次要保重

标签: html css css-float


【解决方案1】:

您应该将图像和按钮设置为浮动定位模式!

例如,看看这个例子:http://www.jsfiddle.net/steweb/77bdN/

这是您的示例:http://jsfiddle.net/vVtBt/(您必须在图像上设置宽度)

【讨论】:

  • 图片可以有可变大小,我已经给出了请检查jsfiddle.net/2kmJe/1
  • 图片可以有可变宽度:)
  • 容器具有固定大小,因此如果图像宽度大于 X 宽度,按钮将位于图像下方。您应该为 元素设置一个宽度,或者最好设置一个最大宽度;)
  • Rahul,如果您通过 css 设置该图像的宽度,则将保持比例!如果您不设置宽度,图像可能会“溢出”,然后您的输入将低于该图像。
【解决方案2】:

您需要为浮动元素设置固定宽度,您还放错了 clear CSS... jsFiddle 的干净和工作版本:http://jsfiddle.net/yahavbr/2kmJe/3/

诀窍是用浮点数为div 元素设置宽度。

【讨论】:

    猜你喜欢
    • 2012-01-03
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2014-01-26
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2015-07-02
    相关资源
    最近更新 更多