可调整大小的DIV在错误方向上扩展
可调整大小的DIV在错误方向上扩展
提问于 2018-12-11 16:45:30
我有一个Web应用程序，其中包含一个实现为可调整大小的div的简单弹出菜单。
应用程序必须同时支持LTR和RTL语言。
使用LTR语言(例如英语)时，调整大小的小指示出现在div的右下角，当拖动它时，div会随着鼠标的移动而展开。
当应用程序与RTL语言一起使用时，div的左下角会出现预期的小指示。
问题是，当拖动那个角(同样是左下角)时，移动的是右下角。
div部署在absolute位置。
我如何修复这个问题并使div在LTR和RTL中表现为镜像？
回答 1
Stack Overflow用户
发布于 2018-12-11 22:09:30
如果您的div在页面的左侧对齐，那么它除了向右扩展之外什么也做不了。如果设定了float: right，则可以拖动控制柄并将其扩展到左侧。
我在这里插入了一个工作示例：
div {
border: 2px solid;
padding: 20px;
width: 300px;
resize: both;
overflow: auto;
direction: rtl;
float: right;
}<html>
<head>
</head>
<body>
<h1>Resizing LTR text.</h1>
<div>
<p>Drag the handle to the left and the div will expand to the left..</p>
</div>
</body>
</html>
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/53720354
复制相关文章
相似问题
腾讯云开发者
