我有一个由三个 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>
最佳答案
试试这个代码:
<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例如。
如果我错了,请纠正我。
关于jquery - CSS 问题 1 图片在谷歌浏览器中丢失,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5879176/