Css 将右对齐到“;书写方式:垂直lr“;在固定宽度的容器中

Css 将右对齐到“;书写方式:垂直lr“;在固定宽度的容器中,css,alignment,vertical-alignment,Css,Alignment,Vertical Alignment,我无法将文本div(绿色框)粘贴在容器div(红色框)的右侧。容器的宽度是固定的,写入模式:垂直lr被使用。我用垂直对齐和文本对齐尝试了很多方法 div.container{ 书写方式:垂直lr; 边框:2倍纯红; 填充:2px; 宽度:70px; } div.text{ 边框:2倍纯绿; 变换:旋转(180度); } 我想触摸容器的右边框! 我不知道这会解决你的问题。您可以使用translateX属性。如果需要常规X值,请使用calc进行计算 like变换:translateX(计算(10

我无法将文本div(绿色框)粘贴在容器div(红色框)的右侧。容器的宽度是固定的,
写入模式:垂直lr被使用。我用
垂直对齐
文本对齐
尝试了很多方法

div.container{
书写方式:垂直lr;
边框:2倍纯红;
填充:2px;
宽度:70px;
}
div.text{
边框:2倍纯绿;
变换:旋转(180度);
}

我想触摸容器的右边框!

我不知道这会解决你的问题。您可以使用translateX属性。如果需要常规X值,请使用calc进行计算

like变换:translateX(计算(100%-50px)); *50px文本宽度大小的一半

div.container{
书写方式:垂直lr;
边框:2倍纯红;
填充:2px;
宽度:70px;
}
div.text{
边框:2倍纯绿;
变换:translateX(36%)旋转(180度);
}

我想触摸容器的右边框!

我不知道它是否有效,但您可以尝试float:right,可能与text align:right结合使用。我自己在对齐一些文本时遇到了一些问题,这对我很有帮助。

我可能误解了问题的一部分,但如果使用垂直rl,它似乎符合您的要求(它使最后一行位于右侧):

div.container{
写入方式:垂直rl;
边框:2倍纯红;
填充:2px;
宽度:70px;
}
div.text{
边框:2倍纯绿;
变换:旋转(180度);
}

我想触摸容器的右边框!