css换行标签(div里面的文字不换行)

  边框

  border-style—边框风格

  border-color—边框颜色

  border-width—边框宽度

  border—都放在一起

  boder-top—只有一个方向有边框

  boder-top,border-left—有交界的边都有边框

  div—块级元素(自动换行)

  span—内联元素(无换行)

  在HTML中,可以使用CSS的white-space属性来控制文字超出div后的显示方式。设置white-space为nowrap即可让文字超出时不换行,而是在同一行上继续显示。

image.png

  例如,可以在div的样式中添加样式规则:white-space: nowrap;来达到这个效果。

  另外,如果希望文字超出div后显示省略号,可以再加上overflow: hidden;text-overflow: ellipsis;的样式规则。这样就可以在不换行的情况下,让文字超出时以省略号的形式显示,从而更好地控制文字的显示效果。


发表评论

评论列表

还没有评论,快来说点什么吧~