css换行符(CSS中的自动换行)

  1. CSS背景

    image.png

  background-color-----背景颜色

  background-image:url(imagepath)—图片做背景

  url(background.jpg)—本地测试

  background-repeat—背景水平垂直方向重复—参数可选

  background-size: contain—背景平铺

  2.文本

  color—文字颜色

  text-align—对齐

  text-decoration—文本修饰

  lineheight—行间距

  letter-spacing—单词间距

  text-indent—首行缩进

  text-transform—大小写

  white-space—空白格

  3.表格

  table-layout:automatic|fixed—表格布局

  border-collapse:separate|collapse—表格边框

  4.边框

  border-style—边框风格

  border-color—边框颜色

  border-width—边框宽度

  border—都放在一起

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

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

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

  span—内联元素(无换行)

  在css中,可以使用“word-wrap”属性设置自动换行,语法“word-wrap:break-word”。word-wrap属性设置长内容的换行方式,当值为“break-word”时,会在长单词或URL地址内部进行自动换行。

  在div css布局中,遇到连续英文字母或连续数字在div、p、h2、h1等盒子里排成一排显示不会自动随盒子宽度限制而自动换行。

  当然中文字在DIV或任意盒子中均会自动换行不需要CSS样式实现,只有连续的字母或数字会出现不自动换行问题,所以需要CSS解决。


发表评论

评论列表

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