代码之家 › 专栏 › 技术社区 › FDavidov

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

css html

-1

FDavidov · 技术社区 · 6 年前

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

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

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

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

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

该部队部署在一个 absolute 位置

如何解决这个问题,并使div在LTR和RTL中作为镜像运行?

1 回复 | 直到 6 年前

Tobias Geiselmann 6 年前

如果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>

推荐文章

Softly · 单选按钮未按预期取值

1 年前

NovoMannen · 导航中的下拉菜单在内容后面重叠

1 年前

Thirumal isireddy · 在导航栏顺风css中,img被扭曲,而不是将元素推到旁边

1 年前

eXor420 · 如何在脚本标记中使用导出的函数?

1 年前

Hadi · 如何在无效和有效输入中选择用于更改样式的psoudo元素(after)

1 年前

IonicMan · 剑道网格在宽度过大时不显示某些列

1 年前

Kernier · 如何将数学公式支持添加到StacksEditor?

1 年前

Md. Ibrahim · CSS网格项溢出小屏幕滚动

1 年前

Arjun V Srivatsa · 如何将系统时区信息分配给javascript中的变量?

1 年前

Akshay mek · Vscode扩展建议不适用于某些文件夹

1 年前