Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/32.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 旋转图元并将其与父图元齐平';s边,与内容长度无关_Html_Css - Fatal编程技术网

Html 旋转图元并将其与父图元齐平';s边,与内容长度无关

Html 旋转图元并将其与父图元齐平';s边,与内容长度无关,html,css,Html,Css,当标签旋转且子文本宽度未知时,如何始终将标签平齐放置在容器的右侧 无旋转右侧:0可以,但旋转会使其失效 正文{ 保证金:0; } .集装箱{ 背景颜色:粉红色; 填充:3rem; 位置:相对位置; } .标签{ 位置:绝对位置; 右:1rem; 变换:旋转(-90度); 填充:1rem; 背景颜色:绿色; 保证金权利:-2.45雷姆; 顶部:5雷姆; } 按钮 按钮 长按钮 长按钮 正文{ 保证金:0; } .集装箱{ 背景颜色:粉红色; 填充:3rem; 位置:相对位置; } .标签{

当标签旋转且子文本宽度未知时,如何始终将标签平齐放置在容器的右侧

无旋转<代码>右侧:0.tab上的code>可以,但旋转会使其失效

正文{
保证金:0;
}
.集装箱{
背景颜色:粉红色;
填充:3rem;
位置:相对位置;
}
.标签{
位置:绝对位置;
右:1rem;
变换:旋转(-90度);
填充:1rem;
背景颜色:绿色;
保证金权利:-2.45雷姆;
顶部:5雷姆;
}

按钮
按钮

长按钮 长按钮
正文{
保证金:0;
}
.集装箱{
背景颜色:粉红色;
填充:3rem;
位置:相对位置;
}
.标签{
位置:绝对位置;
右:-39px;
变换:旋转(-90度);
填充:1rem;
背景颜色:绿色;
顶部:5雷姆;
最小宽度:100px;
}

按钮
按钮

长按钮 长按钮
调整
转换原点
并添加一些
转换
,然后您可以使用
右:0

正文{
保证金:0;
}
.集装箱{
背景颜色:粉红色;
填充:3rem;
位置:相对位置;
}
.标签{
位置:绝对位置;
右:0;
变换:旋转(-90度)平移(-100%);
变换原点:右上角;
填充:1rem;
背景颜色:绿色;
顶部:2rem;
}

按钮
按钮

长按钮 长按钮