css - 如何使表格内的两个元素具有相同的高度

标签 css google-chrome

<分区>

所以我在 firefox 浏览器中做了这样的事情:

enter image description here

但是在 chrome (v53) 中。高度属性不相等:

enter image description here

高度相差1px。 有什么解决办法吗?如果你想看直播页面,就访问my site here

对不起我的英语。

最佳答案

最简单的解决方案是删除每个 div 上的单独边框,只使用容器来获取您需要的内容,

https://jsfiddle.net/uqdmvonv/

例子:

div.pp-footer1-container1 div.pp-footer1-fill4{
    display: table;
    border: 2px solid white;
    border-radius: 8px;
}
div.pp-footer1-container1 div.pp-footer1-fill4{
    border: none;
    border-right: 2px solid white; // This is for that middle bar
}
div.pp-footer1-container1 div.pp-footer1-fill4 a:hover{
    text-decoration: none;
    background-color: white;
    color: #ff0000;
    transition: all .5s ease;
}

关于css - 如何使表格内的两个元素具有相同的高度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41962767/

上一篇:css - 将网页打印为 pdf 以显示所有 css 样式

下一篇:javascript - 使用 PHP 更改 javascript id 以匹配 Modal CSS

相关文章:

javascript - Chrome 触发滚动事件

css - 如何确保边框自动调整到 react 中的窗口大小

html - 不同浏览器的行高和字体大小?

css - WordPress 上的字体

android - 从初始视口(viewport)启用 'zoom out'

ios - Angular 6 - IOS 中的 Chrome - 路由器问题

javascript - JQuery BlockUI 鼠标加载光标不会在 Google Chrome 中恢复为默认值

php - Flashdata 未在 Codeigniter 中清除

html - 圆形链接中的文本完全居中

html - 仅将居中图像作为链接,而不是整个父 div