关键词：
上面是代码，下面是chrome的效果图，期间插入了一个reset的css样式表，插入的图片为第二张图中每一行的小圆点，然后repeat之后得到文字下划虚线，我有两个问题：
1：为什么我设置了li的line-height为21px（如图中蓝色大方框所示）, 而谷歌所提示的li宽为22px（如图中蓝色小方框所示）？
2：css中如何在设置了line-height 和 height的情况下，让文字能自动换行，也就是让文字沿着下划虚线显示，而非像图中黄色方框所示，排放错乱？
跪求大神详细解答，我纠结了一晚上。。。。
不知道你是不是要这种效果
css
* margin: 0; padding: 0; border: 0;
body font-size: 14px; font-family: "微软雅黑";
ul width: 300px; margin: 50px auto; background: url(1.jpg);
a color: #333; text-decoration: none;
li list-style: disc ; line-height: 21px;
参考技术A 文字自动换行和行高以及盒子高度无主要关系，但是固定高度的时候，文字太多会溢出。line-height指的是行高，可以决定盒子高度能分配几行文字。自动换行方法：
div
word-wrap: break-word;
//word-break设置强行换行;normal 亚洲语言和非亚洲语言的文本规则，允许在字内换行
word-break: normal;
一般盒子高度不会固定，而是虽着文字的的多少自动增加高度。 参考技术B 首先我不知道你的全局样式写了没有，如果没有的话最好写一个，不然会出很多BUG。然后我没看见你这边有设置li的高度。line-height是行高，也可以理解为行间距，并不是你line-height有多高你的li就会有多高，li在自适应的情况下是字体的高度加上padding的高度再加上line-height来自行判断高度的。我建议你干脆不要用Line-height,直接给li一个固定高度，高度为两条虚线间的距离，然后给个display:inline-block,vertical-align:bottom;应该就能实现了追问
恩 我在reset表中写了padding margining 值为0 ，后来我也发现自己的问题了，我在a标签中添加了 然后在li中设置了line-height：21px, 所以谷歌显示高度为22px，但是当我把font-size：13px 添加到li标签中，就显示正常了。真是奇怪，不知道是什么原理。。。
参考技术C 1、给li加个PADDING:0和MARGIN:0 试试；2、<li><u>测试测试测试测试测试测试测试测试测试测试测试</u></li>
ul list-style:none; padding:0; margin:0; width:300px
li margin:0; padding:0; line-height:21px; width:100%;
u border-bottom:1px dashed #000; text-decoration:none; padding-bottom:1px
在li标签中加u标签然后修改样式，上面是我测试用的代码。 参考技术D 在你文字所在的那个元素加一个样式
word-break:break-all;
希望你的问题能解决，望采纳追问
没有效果。。。
div+css，ul的li中，对li设置了list-style-image，li中的文字是放在a标签中的，如何让图片和文字对齐？
...样的高度，最后让两个里面的文字上下居中li,liaheight:25px;line-height:25px;也可能只要设置li的高度并上下居中就可以了，你试试一般设置文字上下居中都是height和line-height相同就可以了参考技术A不建议使用list-style-image，你可以直接... 查看详情
css中的line-height和vertical-height
1、line-height（行间距）line-height设置的是行高，指的是段落中每行文字间的距离。一般来说，将line-height设置为div元素的高度，则div内部的文字将会垂直居中显示。line-height与font-size的计算值之差（在CSS中成为“行间距”）... 查看详情
单行中文字和图片的相关height和line-height特性
这几天在做仿京东的产品页，发现在制作过程中的一些问题，需要好好研究下。需要实现的效果如上图所示：在写CSS样式的时候，对于我的关于竖线的做法是：设置高度为14，border样式，但导致了一个问题：发... 查看详情
css常见问题一（span文字如何居中）
参考技术A如果span设置了height那么直接使用line-height与设置的height值相同即可以实现垂直居中，例如:html中：然后在css中:即可实现span中，“这里是文字”部分文字内容的垂直居中。比使用padding-top的兼容性和效果多要好很多。 查看详情
css中line-height属性xxxxx记录
height:设置div的高度line-height:设置内容的高度font-size：设置字体的大小参考：https://blog.csdn.net/a2013126370/article/details/82786681 line-height和height的区别https://www.cnblogs.com/fengzheng126/archive/2012/05/18/25076 查看详情
css的单位及css3的calc()及line-height百分比
锚点：css中百分比减去固定元素 单位介绍 说到css的单位，大家应该首先想到的是px,也就是像素，我们在网页布局中一般都是用px，但是近年来自适应网页布局越来越多，em和百分比也经常用到了。然后随着手机的流行，we... 查看详情
css的单位及css3的calc()及line-height百分比
单位介绍说到css的单位，大家应该首先想到的是px,也就是像素，我们在网页布局中一般都是用px，但是近年来自适应网页布局越来越多，em和百分比也经常用到了。然后随着手机的流行，webapp和hybridapp的开发，都用到了css3技术，... 查看详情
css中line-height继承问题
在CSS中，line-height属性用于设置多行元素的空间量，比如文本。对于块级元素，它指定元素行盒的最小高度。对于非替代的inline元素，它用于计算行盒的高度。语法/*Keywordvalue*/line-height:normal;/*Unitlessvalues:usethisnumbermultipliedbytheeleme... 查看详情
css——对height和line-height的理解
最近在做CSS界面时经常遇到line-height和height这两个属性，一直没搞很明白，今天静下心来好好网上查阅了一下，算是有所领悟。https://blog.csdn.net/a2013126370/article/details/82786681这个博主写的很不错，至少让我对line-height和height的理解... 查看详情
如何让css的标签兼容不同的浏览器
... 作为块级元素的标签，在写CSS文件时，最好定义行高line-height，不要定义高度height，因为定义了高度，就限制了块级元素的高度，在不同浏览器，很难实现比较统一的效果，我曾经遇到，在IE6，FIREFOX(FF)效果完好，而在IE7，... 查看详情
如何使文字在div中水平和垂直居中的css代码
可以用“text-align”属性和“line-height”属性。1、新建html文件，在body标签中添加div标签，在div标签输入文字，这里以“演示文本”为例，给div标签设置宽度、高度和背景色属性，属性值分别为200、100和灰色，这时“演示文本”默... 查看详情
CSS：如何调整使用浮动属性和自动宽度和高度的两个 div 在底部对齐
】CSS：如何调整使用浮动属性和自动宽度和高度的两个div在底部对齐【英文标题】：CSS:Howtoadjusttwodivsalignatbottomwhichusefloatpropertyandautowidthandheight【发布时间】：2017-07-2507:58:17【问题描述】：我正在使用5个div：MainDiv（用作包装器... 查看详情
如何让div中的内容垂直居中
...简单，我们只需要设置它的实际高度height和所在行的高度line-height相等即可。如：imoker.cn（爱摩客）提供的代码片段：divheight:25px;line-height 查看详情
css如何设置ul的列表图标和列表文字对齐
1、将li的height和line-height设置成为和设计稿一样的2、将列表图标整体切出来，铺在ul上，不平铺3、使用background-position控制ul背景和li中的文字对齐即可。。。参考技术A通常的方法是用list-style-type但是那个很丑陋，而且无法控制，... 查看详情
css中vertical-aling与line-height
...ght，所以vertical-aling设置为middle不是整正的居中对齐? line-height1.内容高度思考：未设置height的时候，可视高度由什么决定？.box{line-height:0;}.box1{lin 查看详情
css中vertical-aling与line-height
...ght，所以vertical-aling设置为middle不是整正的居中对齐? line-height1.内容高度思考：未设置height的时候，可视高度由什么决定？.box{line-height:0;}.box1{lin 查看详情
css两行居中，三行居左，请问怎么弄
...用CSS让文字左对齐，图片居中答：方法如下：一、行高（line-height）法如果要垂直居中的只有一行或几个文字，那它的制作最为简单，只要让文字的行高和容器的高度相同即可，比如：pheight:30px;line-height:30px;width:100px;overflow:hidden;... 查看详情
a标签转换为block后继承line-height
line-height是可以继承的，当设置了line-height而没有设置height时，height的值就等于line-height，在以下代码中，id为nav的div的height就等于50px，而对于a标签来说，会自动继承div的line-height属性，因此a标签的line-height和height的高度就等于50p... 查看详情