html如何自动调整边框大小,html – Chrome与大小调整：显示中的边框：表格

我正在使用display：table做一个小的2窗格布局.对于间距(也来自背景图像),我使用填充.因为我需要孩子们有一个确切的宽度：50％来自可用空间(考虑到父div的填充),我使用Box-sizing：border-Box.

这在Opera中运行良好,但在Chrome中,框大小：border-Box或甚至-webkit-Box-sizing：border-Box会被忽略.

我做了一个演示,显示了这个问题.两个红色框应为方形,蓝色框的宽度和高度应为200px：http://jsfiddle.net/fabb/JKECK/

这是html源代码：

Something on the left side

Something on the right side

和CSS：

#table {

display: table;

/*border-collapse: collapse;*/

width: 200px !important;

height: 200px !important;

Box-sizing: border-Box;

-webkit-Box-sizing:border-Box;

-moz-Box-sizing:border-Box;

margin: 0;

border: 1px solid blue;

padding: 60px 20px;

}

#table #left,#table #right {

display: table-cell;

width: 50%;

Box-sizing: border-Box;

-webkit-Box-sizing:border-Box;

-moz-Box-sizing:border-Box;

margin: 0;

border: 1px solid red;

padding: 0;

}

这是Chrome中的错误吗？或者我做错了什么？

html如何自动调整边框大小,html – Chrome与大小调整：显示中的边框：表格相关推荐

docx文档文字怎么加边框,word文档中设置边框的方法步骤
word2003提供了很多类型的边框,这些边框可以用于表格,可以用于图片,也可以用于文档,利用边框,可以是Word文档更加美观,那么下面就由学习啦小编给大家分享下word文档中设置边框的技巧,希望能帮 ...
如何设置图例的位置？如何去掉图例的边框？如何调整图例的大小？如何调整图例中图标和文字说明的间距？
文章目录 1. 设置图标位置 1.1 图标放置在绘图框内 1.2 图标放置在绘图框外 2. 去掉图例边框 3. 调整图例的大小 4. 调整图例中图标和文字说明的间距今天我们来解决针对matplotl ...
取消chrome下input和textarea的聚焦边框
取消chrome下input和textarea的聚焦边框 2011-12-13 15:48:42| 分类: css兼容问题|举报|字号订阅取消chrome下input和textarea的聚焦边框 ...
如何重置/删除chrome的输入突出显示/焦点边框？ [重复]
本文翻译自:How to reset / remove chrome's input highlighting / focus border? [duplicate] This question al ...
python3-xlwt-Excel设置表格基础(字体颜色背景颜色设置边框边框颜色冻结窗口字体大小字体高度字体加粗下划线斜体字单元格对齐方式自动换行删除线超链接插入公式)
文章目录引入xlwt和创建workboos对象初始化样式和创建设置字体,赋值给style 保存文件自定义样式字体颜色背景颜色设置边框边框颜色冻结窗口字体大小字体高度字体加粗下划 ...
chrome怎样编辑html页面大小,使用Chrome DevTools实时编辑HTML和CSS
我们来看看Chrome DevTools中的便捷实时编辑功能,以及它如何帮助您调试HTML和CSS,使您的前端更流畅. Chrome DevTools是一款内置于Chrome浏览器中的强大的Web开发 ...
调整java字体大小_Java自动调整到Windows 7的字体大小调整
这有两个部分: >获取您的组件,字体等规模化 >获取您的布局规模对于Swing来说,第一部分很容易 – 一切都从一个电话开始. UIManager.setLookAndFeel(UI ...
php中设置table表格边框大小,html中关于table边框设置的总结
我们在日常工作中,避免不了对Web的开发,其中html也是必不可少的,不管是前端还是后端,html中table边框相信大家都在熟悉不过了,那么我们今天就来给大家总结一下table边框设置的总结! ht ...
html body 边框,html – 如何在表的tbody / thead部分创建边框？
我正在尝试用表格数据创建一个页面,它必须显示为多个表.但是,我有两个相互矛盾的要求: >每个表必须有一个边框. >每个表的列宽必须能够根据内容进行重新调整大小.但是,列宽必须在所有表中保持 ...

html如何自动调整边框大小,html – Chrome与大小调整：显示中的边框：表格

html如何自动调整边框大小,html – Chrome与大小调整：显示中的边框：表格相关推荐

最新文章

热门文章