如何在拖動左上角時調整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的大小？

回答

相關問題