css里列表ul里为什么要设置行高line-height,有点不好理解呀

html-css054

css里列表ul里为什么要设置行高line-height,有点不好理解呀,第1张

设置很高没什么不好理解吧,不设置很好实际行高也是存在的

只不过是默认的而已,并不是你不设置行高行高就不存在了!

简单说有2个目的!

1:对于单行问本,height

line-height

相同

并且padding为0是,就能让文本垂直居中!

2:对于多行文本,比如文章内容页面,假如你不设置line-height

而字体又相对比较打的时候,你会发现2行文字之间上下会考的太近,这个时候设置line-height就起作用了!

这个没有特别的做要求,你要根据你自己的页面整体布局来设置,还有根据div的特性来设置,div默认情况是宽度最大化(100%)、高度最小化,高度随着内容自动伸展;

一般情况做网页的话,大部分都是固定了总体框架宽度的,每个模块的宽度基本上也都是固定的,所以div需要设一下宽度,如果内容也是相对固定不变的,那么也可以设定高度

我现在是做系统软件的界面设计,需要软件的界面能够根据分辨率或者浏览器的宽度自动伸展,所以我一般布局的话大部分地方都是不设宽度的,最多设置一下最小宽度,防止总体框架的宽度过小导致布局的错位,而高度方面因为数据调用的问题会有数据多和数据少的时候,这样内容部分我就不会设定高度

我这里只是大概的给你说一下而已,事情是没有绝对的,你自己多多练习就能够了解了