css样式设置问题，两个问题_html/css_WEB-ITnose
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了css样式设置问题，两个问题_html/css_WEB-ITnose，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含3646字，纯文字阅读大概需要6分钟。
内容图文
问题1： 如何让li适应嵌套在他里面的内容的高度...
班级信息：终极一班
班级信息：终极一班
班级信息：终极2班
班级信息：终极2班
里面的，li貌似是固定的，不会随着嵌套的div而改变...
下面是我的样式
/*列表项---该列表用于显示用户的简略信息，通常是三行*/ ul{ border-left:1px solid #BEBEBE;border-right:1px solid #BEBEBE; border-radius:10px;padding:0px; overflow:hidden; }ul li{ list-style:none;padding:0px; border-bottom:1px solid #BEBEBE; padding-top:5px; height:auto; background :url(../AppImages/right.png) no-repeat scroll right center transparent;} 这样写得效果直接就是
那中间两条线 应该就是li得底边框，它高度固定了...
Li的高度不能固定，因为你不知道动态读出来的玩意有多少行...
问题二：div点击高亮效果怎么做，是针对手机web的，当触碰的时候高亮，手指离开的时候恢复...有插件？
回复讨论(解决方案)
li{
overflow:hidden;
}
2)写js绑定事件 touchstart 手摸上去触发 touchend 手拿开触发 在事件里面设置下class
能说下你在li中加div的目的是什么吗？
li{
overflow:hidden;
}
2)写js绑定事件 touchstart 手摸上去触发 touchend 手拿开触发 在事件里面设置下class
overflow:hidden;溢出的东西就隐藏了
能说下你在li中加div的目的是什么吗？
不用div 用 span也是一样的，li都不会自动适应
不管用div 或者span 我只是在给字体加个样式而已 前面的div 字体是粗体....后面的div 点击高亮，带图片，有的带颜色,,,
你在div里用两个span来控制下试试 . 我用li的话右边内容也会被挤下去 , 用span解决了这类问题.
li{
overflow:hidden;
}
2)写js绑定事件 touchstart 手摸上去触发 touchend 手拿开触发 在事件里面设置下class
overflow:hidden;溢出的东西就隐藏了
li里面div的样式写出来看看
li{
overflow:hidden;
}
2)写js绑定事件 touchstart 手摸上去触发 touchend 手拿开触发 在事件里面设置下class
overflow:hidden;溢出的东西就隐藏了
li里面div的样式写出来看看
.tips{ display:block; float:left; width:97px; font-weight:bold; text-align:left; height:30px; line-height:30px; text-overflow: ellipsis; }.MainInfo{ display:block; float:left; width:70%; font-weight:normal; text-align:left;height:30px;line-height:30px; text-overflow: ellipsis; background :url(../AppImages/edit.png) no-repeat scroll right center transparent;} 我才看见 你结构不对
你里面用
干嘛
是用在 行内元素中的换行
-
- 班级信息：终极一班
- 班级信息：终极一班
- 班级信息：终极一班
我才看见 你结构不对
你里面用
干嘛
是用在 行内元素中的换行
-
- 班级信息：终极一班
- 班级信息：终极一班
- 班级信息：终极一班
.......那个不用br也不行，跟br没关系的.....
我前面是没有br的...是用做的，是行内元素...因为两个类tips是用像素的，MainInfo用百分比，在电脑屏幕显示，宽度多了，我就加了个br。。后来我以为是span是行内，所以Li高度无效..我就把tips，MainInfo改了了display:block;后面发现还不行，我又试了div..发现也不行，就贴出来问了，代码就没改...
现在没有br 也是不行的
li的高度是会随内容大小变化的。看不到你全部的代码，找不出哪儿错了。
你可以给li，div等元素加上border进行调试
li的高度是会随内容大小变化的。看不到你全部的代码，找不出哪儿错了。
你可以给li，div等元素加上border进行调试
你这话是对的，li的高度是会随内容大小变化的，我用jq 测试一下 点击这个li的$(this).html();发现都是对的
但是如果你加了border 貌似 border就不跟li一起变化了，后来我不要li的border，我用div的border发现不行
现在我改用table了，真无语
内容总结
以上是互联网集市为您收集整理的css样式设置问题，两个问题_html/css_WEB-ITnose全部内容，希望文章能够帮你解决css样式设置问题，两个问题_html/css_WEB-ITnose所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。