小编mel*_*amo的帖子

为什么这个HTML表格在Chrome中无法正常运行?

考虑这个简单的HTML表:

<!doctype html>
<html>
<head>
    <title>Test</title>
</head>
<body>
    <table style="border-collapse: collapse; table-layout: fixed; width: 280px;">
        <tr>
            <td style="padding: 5px; width: 50px; border: 0; word-wrap: break-word;">a</td>
            <td style="padding: 5px; width: 100px; border: 0; word-wrap: break-word;">b</td>
            <td style="padding: 5px; width: 100px; border: 0; word-wrap: break-word;">c</td>
        </tr>
    </table>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)

这在每个主要浏览器中都能正常呈现,除了Chrome之外,其中列宽分别为46px,102px和102px.

如果我从表元素中取出CSS宽度声明,那么它在Chrome中正确呈现.但我需要这个,否则自动换行将无法正常工作.

知道为什么这不起作用吗?我尝试了不同的doctypes,这没有改变任何东西,所以我假设它不是HTML5表问题.

编辑:事实证明,如果你指定table-layout: fixed 在像素宽度table元素,并在每一列像素宽度,那么Chrome会认为你列的宽度包括填充.这违反了W3C盒子模型,违反了CSS2要求的行为.

如果您未指定table-layout: fixed或未在table元素上指定像素宽度,则Chrome将正确地假设您指定的列宽不包括填充.所有其他浏览器都假设您的列宽不包括填充.

在上面的示例中,将宽度指定为60px,110px和110px可以解决Chrome中的问题,但然后在其他所有浏览器中将其分解.46px,102px和102px的值来自Chrome,均匀分布列,比例为40:90:90而不是50:100:100.

html css google-chrome html-table

15
推荐指数
2
解决办法
3万
查看次数

寻找具有最小配置的轻量级Python Web框架

我意识到Web应用程序框架已经有很好的文档记录,但是已经尝试了2个Python框架并发现它们都不适合我的任务,我希望你能理解这个问题的必要性.

我正在寻找一个Python的轻量级"微"框架,具有以下功能:

  • 基本的HTML布局管理
  • HTML表单,表格等的功能
  • 身份验证和会话管理
  • 最好与mod_wsgi集成
  • 无缝导入包

而已.你可能会问为什么我需要一个框架 - 我没有.但它会节省很多时间,我很惊讶我找不到这样的东西.

我在Python方面相当先进,但希望尽可能轻松地处理HTML和身份验证.我有很多现有的代码,我希望在框架内调用它.我不需要ORM或DAL,我希望我现有的类继续使用自己的MySQLdb驱动程序.不可避免地,对于要处理的身份验证,将包括ORM或DAL,但我不会将其用于除身份验证之外的任何其他操作.

我已经尝试过web2py和Grok,两者都是轻量级的,没有配置的框架,但两者都太高级了.

提前致谢.

python mod-wsgi web-frameworks

10
推荐指数
1
解决办法
3154
查看次数