首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >可调整大小的DIV在错误方向上扩展

可调整大小的DIV在错误方向上扩展
EN

Stack Overflow用户
提问于 2018-12-11 16:45:30
回答 1查看 247关注 0票数 -1

我有一个Web应用程序,其中包含一个实现为可调整大小的div的简单弹出菜单。

应用程序必须同时支持LTR和RTL语言。

使用LTR语言(例如英语)时,调整大小的小指示出现在div的右下角,当拖动它时,div会随着鼠标的移动而展开。

当应用程序与RTL语言一起使用时,div的左下角会出现预期的小指示。

问题是,当拖动那个角(同样是左下角)时,移动的是右下角。

div部署在absolute位置。

我如何修复这个问题并使div在LTR和RTL中表现为镜像?

EN

回答 1

Stack Overflow用户

发布于 2018-12-11 22:09:30

如果您的div在页面的左侧对齐,那么它除了向右扩展之外什么也做不了。如果设定了float: right,则可以拖动控制柄并将其扩展到左侧。

我在这里插入了一个工作示例:

代码语言:javascript
复制
div {
    border: 2px solid;
    padding: 20px; 
    width: 300px;
    resize: both;
    overflow: auto;
    direction: rtl;
    float: right;
}
代码语言:javascript
复制
<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>

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/53720354

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档