li 的点超出div

一个CSS的问题,不多说,记录下来,也为别人能用到!


代码:

<div>
<ul>
<li>冷冲压模具的</li>
<li>我国冲压模具设计发展以及在汽车领</li>
<li>江苏、浙江在模具设计与制造方面有</li>
<li>2年来最大的钢价周涨幅未带动成交量</li>
<li>浴缸选购需要知道那些风水知识</li>
<li>国内外市场遭遇寒流 家具行业发展艰难</li>
</ul>
</div>

只有上面代码,CSS没有,不要以为我忘贴了!

之前在写的的时候也遇到过,也是用pading-left一些东西解决了!

今天在此遇到,经过想高手询问得知要要给li写一个“list-style-position:inside” (黑体部分,不带引号)

得知是这个后具体去查查详细说明,找到《CSS2.0手册(苏沈小雨版)》,在里面搜索得知如下内容!

====================================================================================================

语法:
list-style-position : outside | inside
取值:
outside :默认值。列表项目标记放置在文本以外,且环绕文本不根据标记对齐
inside :列表项目标记放置在文本以内,且环绕文本根据标记对齐
说明:
设置或检索作为对象的列表项标记如何根据文本排列。
假如一个列表项目的左外补丁( margin-left )被设置为 0 ,则列表项目标记不会被显示。左外补丁( margin-left )最小可以被设置为 30
仅作用于具有 display 属性值等于 list-item 的对象。如 li对象。
注意: ol 对象和 ul 对象的 type 属性为其后的所有列表项目(如 li对象)指明列表属性。
此属性对于 currentStyle 对象而言是只读的。对于其他对象而言是可读写的。
对应的脚本特性为 listStylePosition
=====================================================================================================

看到了吧! 默认在在外面的,不被控制!

知道这个就好办了!

给UL加上样式就可以了!

<div >
<ul style="list-style-position:inside">
<li  >冷冲压模具的</li>
<li>我国冲压模具设计发展以及在汽车领</li>
<li>江苏、浙江在模具设计与制造方面有</li>
<li>2年来最大的钢价周涨幅未带动成交量</li>
<li>浴缸选购需要知道那些风水知识</li>
<li>国内外市场遭遇寒流 家具行业发展艰难</li>
</ul>
</div>

效果:


看一下效果吧!

  • 3
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值