0

我有多行要垂直对齐的元素，以便在不同的分辨率下，第一个屏幕（不滚动）对于每个元素都是相同的。

幸运的是，我有一些限制，我必须遵守 800 像素和 1200 像素（垂直分辨率）。所以只有在这两个值之间，我的边距必须按比例增加/减少。如果大于或小于该间隔，屏幕将保持在这些限制之一。

不幸的是，根据要求，我不能使用媒体查询或 javascript 来计算这个，所以它必须是一个纯 CSS 解决方案。

有没有办法做到这一点？不影响元素的高度、宽度或左右边距。

或者是否有一种 javascript 方法可以在不注入内联 CSS 属性的情况下对其进行修改？我还没有听说过，但可以修改 CSS 文件吗？

编辑首选非表格解决方案。

4

1 回答 1

0

没有javascript？我看到的唯一能够实现这一点的标记（垂直+均匀地划分页面）是<table>

我在这里摆弄了一个例子

您必须首先在 body 和 html 上触发 100% 的高度，

html, body {
    height:100%
}

<table style="width:100%;height:100%">
    <tr>
        <td style="color:green;background-color:pink">a&nbsp;a</td>
    </tr>
    <tr>
        <td style="color:blue;background-color:aqua">b&nbsp;b</td>
    </tr>
    <tr>
        <td style="color:red;background-color:cyan">r&nbsp;r</td>
    </tr>
</table>

玩这个，测试一下，看看这个解决方案是否适合你的情况。

否则，如果您打算使用 javascript，您可以在 css3中查看 ' not fully supported ' calc()

于 2013-03-18T15:04:14.413 回答