我有要绝对定位的,固定大小的DIV内出现的HTML编辑器部件。然而,我不知道DIV的绝对大小事先,并且它可能会改变,如果用户改变窗口等。

该编辑器,自然,具有控制和可编辑区域。每个人都有自己的DIV。我想控制占用尽可能多的空间,因为他们需要和可编辑区域,以填补空间的其余部分。

如果我使用表,这是非常容易实现的。我只是关闭边界和填充和利润,并抛出每个DIV到自己的行的单元格,可能与在控制DIV最大高度拨弄。这是什么样子:

基表http://img407.imageshack.us/img407/8435/table1 .PNG

与窗口

相同表大小的另一种方法http://img264.imageshack.us/ img264 / 6438 / table2p.png

注意可编辑部分占用尽可能多的空间尽可能而不引起滚动条出现。

我曾与各种CSS的例子并没有什么monkeyed似乎无需一些JavaScript的运行调整大小,使编辑DIV是家长的高度减去控制的高度工作。

当然,我可以使父DIV有显示:表和包裹在显示的子div表行的DIV和本身具有显示:表单元格,但是......嗯......在这种情况下它正是像使用TABLE,TR和TD,但十倍更难看的CSS纯度的缘故。 (何必呢?)

因此,不直接使用显示:表&朋友,也不TABLE / TR / TD,和JavaScript,是有这样做的一个纯CSS方式吗?换句话说,是否有说,DIV1的纯CSS方式,占用尽可能少的垂直空间成为可能,和DIV2,占用的父元素内的剩余的垂直空间?

如果没有的话,我很愿意停止订阅“纯CSS”的心态。它引起了我足够的悲伤用很少的开发者或最终用户的利益。

有帮助吗?

解决方案

您只需要这么多的选择。如果你想表类似的行为,而不使用一个表,然后使用显示:表,并给自己后来改变主意的选项。通过这种方式,而在标记丑陋的(主观),让我更有意义:你会多带几个元素结束了,但你不会被锁定在一个特定的布局

如果你不关心的标记,然后扣动扳机,并使用一个表。这将是在短期更容易。

我的问题:如果你不想使用JavaScript,你将如何实现成为你的编辑器控件

其他提示

这个问题讲一个问题,我看到了很多人面对最近:服从“只使用表格表格数据”的规则,或者只是使用表,做1/3的工作。事实上,这甚至是一个困难的决定是如何标准的疯狂我们都变成了演示。忘记了标准,使用表,把它干净,简单地完成。如果W3C具有的问题在于,它们产生一个更好的选择后,便可以抱怨右

据我知道使用的宽/高比例应很好地工作。

我第二次perfectDay的答案,但我想请你去疯狂和尝试,并描述你想要什么样子。也许用ASCII艺术或图形的链接,让我们知道您的布局希望我们帮您实现。

我也想补充一点,我还没有睡觉了(再次)近日,所以......如果我错过了你希望我们来帮助你实现你有我最什么明显的超清晰的说明真诚的歉意。 :)

许可以下: CC-BY-SA归因
不隶属于 StackOverflow
scroll top