jquery - CSS 问题 1 图片在谷歌浏览器中丢失

Question

我有一个由三个 div 组成的按钮，中间一个像 chalice 风格一样拉伸(stretch)开来。我的问题是在 google chrome 中，右侧 div 上的图片超出了父容器，并且右侧的末端缺少 1 或两个像素，看起来不太好。我试过使右侧的 z-index 100 尝试减小右边距并增加它但与按钮周围的间距不匹配它会出现问题。它在 IE 中看起来不错你能建议我可以尝试的任何其他 css 吗？下面是我的布局

<div class="container">
    <div class="menu-item">
        <div class="item-left"></div>
        <div class="item-middle">Text Goes Here</div>
        <div class="item-right"></div>
    </div>
</div>

Answer 1

试试这个代码:

<div class="container">
    <div class="menu-item">
        <div class="item-left" style="float:left">Left Text</div>
        <div class="item-middle" style="float:left; margin-left: 60px;">Text Goes Here</div>
        <div class="item-right" style="float:left; margin-left: 60px;">Right Text</div>
    </div>
</div>

参见 this例如。

如果我错了，请纠正我。