原文：单行居中显示文字，多行居左显示，最多两行超过用省略号结尾
首先是单行居中，多行居左 居中需要用到 text align:center，居左是默认值也就是text align:left。如合让两者结合起来达到单行居中，多行居左呢 这就需要多一个标签，假设一开始我们定义如下： 现在，我们在 h 中间，嵌套多一层标签 p： 我们让内层 p 居左 text align:left，外层 h 居中 text align:center，并且将 p 设置为 displa ...
2016-09-30 14:09 1 1657 推荐指数：
相关推荐
p { border: 1px solid #ccc; overflow: hidden; ...
<!DOCTYPE html > <html > <head> <meta http-equiv="Content-Type" content="tex ...
<!DOCTYPE html > <html > <hea ...
开本系列，讨论一些有趣的 CSS 题目，抛开实用性而言，一些题目为了拓宽一下解决问题的思路，此外，涉及一些容易忽视的 CSS 细节。 解题不考虑兼容性，题目天马行空，想到什么说什么，如果解题中有你感 ...
。 单行居中显示文字，多行居左显示，最多两行超过用省略号结尾 这题就厉害了我的哥。 题目就是如 ...
在谷歌浏览器和edge浏览器可以正常显示 ...
做这个省略的问题，突然发现显示省略号是有中英文区分的 我做两行的时候用的是以下代码，在是中文的情况下是么得问题，到了英文下发现不起作用了 原来是得加上 word-break: break-all; 加上这个的话 在中英文下都可以正常使用 注意：只兼容 Chrome内核 ...