宽度、高度

字体的行高跟字体设计相关,有的1.4、有的1.8等等(font-size:20px时,line-height可能为28、30等)。如果div里只有内联元素,则div高度由行高决定,跟字体大小无关。

字体对齐:英文不需要对齐


字体和字体间由空隙,可能是字体中间有空格或者回车,用float:left去除,然后在父类加clearfix

由于外国使用单词的原因,有时候页面后面放不下一个单词,所以换行时会整个单词一起换行,导致页面不好看,想拆分单词换行,用word-break:break-all。(也可以用  -  )




单行文字溢出

多行文字溢出

line-clanp为自定义行数(IE不支持)

文字居中

当确定文字占据的高度时,不能把高度写死,而是 line-height + padding = 高度,写死高度只要文字超出一行且另一个标签下面还有文字就容易出现bug,如下

出现bug
应该这样写

水平居中   text-align:center  

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 保险宁可千日不用,不可一日不备。 不管我们现在多年轻,身体是贬值的资产,每个人都需要医疗健康保障。最新数据显示,全...
    李瑞蕊阅读 166评论 0 0
  • 过年啦!!! 新年快乐! 辞旧迎新的日子 感恩生我养我的父母、陪伴我的兄弟姐妹 感谢认识支持我的朋友、同事、亲朋好...
    婷吖姐阅读 125评论 0 0
  • 假期亲戚一家来西安玩,他们年龄和我差不多大,一儿一女,女儿上五年级了,儿子四岁。儿子是个特别活泼的小男孩,一进门父...
    九月城池阅读 422评论 7 5
  • ios 中的宏 1.宏的位置 问题: 宏可以写在哪里? 解答: 1.1 宏+ Build Settings 宏可...
    AZX11AZX阅读 261评论 0 0