如何在拖动左上角时调整div的大小？

在CSS3 resize中，要调整大小的图标位于右下角。如何让它出现在左上角，并让用户能够相应调整大小？如何在拖动左上角时调整div的大小？

我发现here：

调整大小的精确方向（即改变元件的左上角或改变右下角）可以依赖于许多因素，包括该元素是否是绝对定位，是否使用“右”和“底”属性进行定位，元素的语言是否是从右到左等。调整大小的精确方向留给UA以正确确定平台。

到目前为止，设法将在底部的图标使用左侧：

.fixed { 
    position: fixed; 
    bottom: 0; 
    right: 0; 
    resize: both; 
    overflow: auto; 
    direction: rtl; 
}

来源

2014-09-05 dylanmensaert

任何代码或演示可用？ – 2014-09-05 13:08:51

我怀疑你可以，因为这是由浏览器处理。另外，'方向：rtl'还有其他的含义，我怀疑你不想要。 – isherwood 2014-09-05 13:19:34

rtl并发症不会打扰我，因为我有另一个设置方向的div：initial;按预期工作:) – dylanmensaert 2014-09-05 13:29:59

你不能，它是由用户代理处理（但你可以try rotating it :)

老实说，我同意the one commenting，整个调整财产的东西应该已被排除在标准之外：

这不应该在标准中。可调整大小的文本框是用户代理功能，可帮助缓解糟糕的设计，并为开发人员提供选项。如果我作为用户想要将文本框的大小调整为帮助我输入文字，那么应该由我来决定。开发人员对我的设备的屏幕分辨率，DPI和物理尺寸没有任何的想法，或者任何特殊的可访问性覆盖或用户样式表I 已应用，因此没有办法说我不需要调整的东西。

阿门：/

来源

2014-09-05 13:30:30

+1旋转它。聪明的男孩。 – iambriansreed 2014-09-05 13:32:39

我可以看到你的观点，确实有意义。直到像我这样的人出现，谁不想执行JavaScript代码来操纵DOM，并对一个简单的解决方案感到满意。 – dylanmensaert 2014-09-05 14:07:26

没有搞乱JavaScript，* only *解决方案是：让浏览器（和每个浏览器将它放在元素的右下角）。这不是什么大问题，但你别无选择。这是“你不能”的答案，但仍然是正确的答案。抱歉。 – 2014-09-05 14:25:14

看看最后一行从你报什么：

大小调整的精确方向留给UA正确确定该平台。

这意味着默认行为是浏览器特定的，你不能破解它。

您唯一的选择是使用JavaScript进行大小调整。

一个快速谷歌搜索使我这个：http://rightjs.org/ui/resizable/demo

虽然我相信你能做到这一点，而不JavaScript库的开销。

来源

2014-09-05 13:30:31 iambriansreed

对于Javascript解决方案+1 ... hacky hacky虽然:) – 2014-09-05 13:49:35

如何在拖动左上角时调整div的大小？

回答

相关问题