• css扩展(1)(文字溢出与图片间距解决)


    css扩展(1)(文字溢出与图片间距解决)

    一、文字溢出

    1、word-break:自动换行

    (1)     break-all:允许在单词内换行。

    (2)     keep-all:只能在半角空格或连字符处换行。

    (3)     注意:主要处理英文单词

    2、多余的部分显示省略号

    (1)     white-space:nowrap   强制在同一行内显示所有文本

    (2)     overflow:hiidden  多余的内容隐藏掉

    (3)     text-overflow: ellipsis;  溢出的部分显示省略号

    (4)     注意:三个属性同时使用才有效果(顺序也不能换)

    3、强制一行显示文本 white-space:  nowrap

    强制在同一行内显示所有文本,直到文本结束或者遭遇br标签对象才换行。

    二、图片在同一行间距问题

    当几张图片在同一行时,没张图片之间都有间距 对父元素使用font-size:0;解决。

  • 相关阅读:
    LeetCode#191 Number of 1 Bits
    敏捷编程
    过程模型
    磁盘阵列
    RAM和ROM
    cache
    局部性原理
    栈的应用(一)——括号的匹配
    猫狗收养问题
    全局变量和局部变量
  • 原文地址:https://www.cnblogs.com/wenaq/p/13513262.html
Copyright © 2020-2023  润新知