如何解决Webkit浏览器中的100%宽度<td>始终至少为1像素宽
|| 我有一个带有面板的GWT应用程序,其中包含一个未定义数量的宽度可变的小部件,并在底部包含一个通用说明和工具栏。面板始终至少与工具栏一样宽,并在小部件变宽的情况下扩展。 当工具栏变宽时,我尝试在小部件的右侧添加尾随边框,但似乎无法正确处理。在firefox和Explorer中,它可以正常工作-如果有足够的小部件,则边框会缩小为0px。但是在chrome和safari中,带有边框的div总是至少1px宽,这破坏了设计的其余部分。 谁能告诉我我做错了什么?我在这里简化了代码。红色部分是固定的工具栏,黑色部分是小部件(通过鼠标悬停模拟宽度变化),而有问题的边框为橙色(ID为“ border”)。我意识到代码可能会更好,但这部分是由于GWT对基于表的面板的痴迷。 希望这个问题有意义。 谢谢。解决方法
如果工具栏中有任何小部件,将边框设置为0px怎么办?
,您是否尝试过:display:none;我相信webkit默认将显示设置为table-cell。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。