css空白处理and编辑新闻列表的流程

最新推荐文章于 2025-11-25 10:09:48 发布

原创最新推荐文章于 2025-11-25 10:09:48 发布 · 274 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#css

本文详细介绍了如何使用CSS的white-space, overflow, 和 text-overflow属性来控制文本的换行、溢出隐藏及省略号显示。通过具体属性设置，如white-space: nowrap; overflow: hidden; text-overflow: ellipsis; 可实现单行文本溢出时的省略号显示效果。

1级标题<!–

1:空白空间的处理
    white-space:;
        pre
        pre-wrap
        pre-line
        inherit   继承！
        nowrap     不让文本换行
2:溢出属性（控制内容溢出时候的显示方式）：
    overflow属性：
        auto     当内容超出的时候有滚动条，没有超出的时候没有滚动条
        scroll   添加滚动条
        hidden   溢出隐藏！
        inherit   继承！        拓展：
        overflow-x : hidden;
        overflow-y : hidden;
3：text-overflow:ellipsis/clip
    ellipsis 省略号显示
    clip    没有省略号
    --><!--  
控制单行文本，溢出 省略号显示：
    1：white-space:nowrap;   不换行
    2：overflow:hidden;    溢出的内容隐藏。
    3：text-overflow:ellipsis  溢出的内容省略号显示
    4：容器要有宽度！！！