是否可以使用css使第二行齐平？

Question

我正在为垂直列中的css菜单设置样式。如果菜单项不适合，我希望过度运行是正确的。

|                    |
| o Item             |
| o Item             |
| o Longer link that |
|         doesn't fit|
|                    |

我尝试使用伪选择器第一行：

<style>
p {
   text-align:right;
   background-color:pink;
   }

p:first-line
   {
   text-align:left;
   background-color:yellow;
   }
</style>

但忽略text-align的第一行新值，同时接受背景颜色。

答：这可能在CSS中吗？ B：如果没有，你能建议一个简单的非CSS工作吗？

Answer 1

text-align属性不能与:first-line伪选择器

一起使用

允许的属性为

1. 字体属性
2. color property
3. 背景属性
4. “字间距”
5. “字母间距”
6. “文字修饰”
7. “垂直对齐”
8. “文本变换” 9.'line高度”

在here

上查看

更好的方法是使用span标记包装文本，然后应用样式。