基于对象宽度的 TranslateY
TranslateY based on width of object
我有一个关于转换的快速问题,更具体地说是关于翻译的问题。我有一个旋转了 90 度的 div,我想在 X 轴上平移它,但是我想平移它到文本高度的长度。我的意思是,我目前处理的 div 是横向的。如果高度是200px,宽度是300px(不是,只是想更容易形象化,我不知道div的高度,因为里面有文字),我想翻译div 右边 200px。
我知道如果我使用带百分比的 translateX 或 Y,它会分别根据宽度或高度的百分比进行转换,但我想知道如何反转它。非常感谢!
可以用 javascript 完成。
获取元素实际高度:var height = document.getElementById("someId").clientHeight;
并将其设置为转换值属性:element.style.transform = translateY('${height}')
注意:使用 temlpate literals 将变量放入字符串
我有一个关于转换的快速问题,更具体地说是关于翻译的问题。我有一个旋转了 90 度的 div,我想在 X 轴上平移它,但是我想平移它到文本高度的长度。我的意思是,我目前处理的 div 是横向的。如果高度是200px,宽度是300px(不是,只是想更容易形象化,我不知道div的高度,因为里面有文字),我想翻译div 右边 200px。
我知道如果我使用带百分比的 translateX 或 Y,它会分别根据宽度或高度的百分比进行转换,但我想知道如何反转它。非常感谢!
可以用 javascript 完成。
获取元素实际高度:var height = document.getElementById("someId").clientHeight;
并将其设置为转换值属性:element.style.transform = translateY('${height}')
注意:使用 temlpate literals 将变量放入字符串