css使字体横着显示 |css 超过两行显示省略号

下面是一些常用的让字体横向显示的CSS属性：

{
writing-mode: tb-lr; 
/* 从上到下，在左边 */ 
}
{
writing-mode: vertical-rl; 
/* 从左到右，垂直 */ 
}
{
writing-mode: lr-tb; 
/* 从左到右，在上面 */ 
}
{
-webkit-text-orientation: upright; 
text-orientation: upright; 
/* 从下到上，从右到左 */ 
}

其中，writing-mode属性允许你定义文本从哪个方向显示，而-webkit-text-orientation属性则允许你定义文本的朝向。

此外，如果想让所有文本都横向显示，可以直接在全局CSS中加入以下代码：

body {
writing-mode: tb-lr; 
/* 从上到下，在左边 */ 
}

这样就可以让所有页面上的字体都横向显示了。

需要注意的是，对于某些旧的浏览器或移动设备，可能不支持这些属性，因此建议在使用时进行兼容性测试。

总之，通过使用CSS的特殊属性，可以轻松实现字体横向显示的效果，为网页呈现带来更多的可能性。