互联网的搬运工 分类搜索 官网    VIP电影   留言板   免责声明    我要投稿   后花园

网站首页 技术 正文

css中ul标签去掉浏览器user agent stylesheet自动加的padding-inline-start: 40px;属性

小冰 2020-03-07 技术 43 ℃ 0 评论

这是ul部分CSS代码:

.nav ul{
   list-style-type:none;
   width:200px;
   height:30px;
   }

css代码部分没有任何问题

这是html代码:

<div class="nav">
    <ul>
	    <li>首页</li>
	    <li>博客</li>
	    <li>简介</li>
	    <li>电话</li>
	</ul>
   </div>

都是很简单的代码

却出现如下的问题: css中ul标签去掉浏览器user agent stylesheet自动加的padding-inline-start: 40px;属性 技术

ul左边明显想左边偏离div盒子40px,于是样式产生一系列莫名的变化,包括li标签内文字变成了竖版(莫名其妙,可能是我宽度也写得比较小)

解决方法:

一:去掉全局padding

*{margin:0;padding:0}

代码写起来很简单,但通常不建议使用,因为是通配符,会把所有标签遍历一遍,如果网站较大,会占用很多资源)

二:指定标签去掉padding

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, table, th, td {margin:0; padding:0;}

(看起来有点长,但明确写明了每个标签元素内外边界初始化,推荐使用。)

Tags:

< 温馨提示 >
本站资源如有密码均为:70ol.com
学到东西应该懂得感恩作者 无脑喷子永封IP段+删帐号所有评论
本站资源软件和源码 文章大部分为网上收集,如侵犯您的权利,请告知管理员,我们会及时删除,并向您赔礼道歉.

站长QQ:  官方QQ群:558413792

猜你喜欢

本文暂时没有评论,来添加一个吧(●'◡'●)


欢迎 发表评论:

请填写验证码
搜索
最近发表
网站分类
友情链接
标签列表
文章归档
最新留言
站点信息
  • 文章总数:242
  • 页面总数:1
  • 分类总数:14
  • 标签总数:16
  • 评论总数:1
  • 浏览总数:161885