Html CSS中大小灵活的垂直文本
我想在CSS中创建一个大小不固定的垂直文本。到目前为止，我所做的是：Html CSS中大小灵活的垂直文本,html,css,Html,Css,我想在CSS中创建一个大小不固定的垂直文本。到目前为止，我所做的是： .square span{ 填充物：5px； 变换：旋转（-90度）； 文本转换：大写； } .方跨：：后{ 内容：“； 显示：块； 填料顶部：钙（100%-1米）； } .垂直包装{ 背景颜色：蓝色； 宽度：计算（1em+10px）； 显示器：flex； 溢出：隐藏； } 转发 你好，世界此解决方案取自 不要忘记为转换添加“-wekkit-”和其他前缀： 此解决方案利用溢出：隐藏 但真正的诀窍是边距顶部：100%，因为边
.square span{
填充物：5px；
变换：旋转（-90度）；
文本转换：大写；
}
.方跨：：后{
内容：“；
显示：块；
填料顶部：钙（100%-1米）；
}
.垂直包装{
背景颜色：蓝色；
宽度：计算（1em+10px）；
显示器：flex；
溢出：隐藏；
}
转发
你好，世界此解决方案取自
不要忘记为转换添加“-wekkit-”和其他前缀
：
此解决方案利用溢出：隐藏
但真正的诀窍是边距顶部：100%
，因为边距使用父母的身高作为长度单位
.square span{
显示：内联块；
-webkit变换：平移（0,100%）旋转（-90度）；
变换：平移（0,100%）旋转（-90度）；
-webkit转换原点：0；
变换原点：0；
空白：nowrap；
文本转换：大写；
背景颜色：蓝色；
}
.方跨：后{
内容：“；
浮动：左；
利润率最高：100%；
}
.垂直包装{
显示：内联块；
溢出：隐藏；
宽度：1.5em；
线高：1.5；
}
转发大量文本
你好，世界
span
s不应包含div
s。这是无效的HTML。这是可行的，但当您尝试将其与其他元素结合使用时，问题就会出现。试着在小提琴上再加一个相同的div，看，太好了，我应该通过“旋转文本”来搜索。谢谢顺便说一句，我们不要忘记添加不固定的变换
：D