首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
您找到你想要的搜索结果了吗?
是的
没有找到

谈谈一些有趣的CSS题目(五)-- 单行居中,两行,超过两行省略

5、单行居中显示文字,多行显示,最多两行超过用省略号结尾 这题就厉害了我的哥。...题目就是如上要求,使用纯 CSS,完成单行文本居中显示文字,多行显示,最多两行超过用省略号结尾,效果如下: 不愿看长篇大论的可以先看看效果:-webkit- 内核下 Demo 戳我 ?...首先是单行居中,多行 居中需要用到 text-align:center,是默认值也就是text-align:left。如合让两者结合起来达到单行居中,多行呢?...这就需要多一个标签,假设一开始我们定义如下: 单行居中,多行 现在,我们在 h2 中间,嵌套多一层标签 p: 单行居中,多行 我们让内层 p ...记得上面我们解决单行居中,多行时的方法吗?

1.2K50
领券