marginbottom无效盒子没有高度时(html中<li>标签的margin-bottom属性失效,肿么回事求大神指教,代码如下)

本文目录
html中标签的margin-bottom属性失效,肿么回事求大神指教,代码如下
楼主是想文字垂直居中显示吗?
*{margin:0;padding:0;}
.nav{margin:0 auto;border:2px solid red;height:40px;line-height:40px;width:980px;color:blue;font-size:25px;}
.nav ul li{list-style:none;float:left;margin-right:35px;margin-bottom:5px;}
行内元素padding和margin在什么情况下无效
这次给大家带来行内元素padding和margin在什么情况下无效,使用行内元素padding和margin在什么情况下无效的注意事项有哪些,下面就是实战案例,一起来看一下。
行内元素的纵向padding和margin都是不考虑的,这是css规范定义的。inline元素确实可以设置垂直方向的padding和margin值,但是inline元素的margin和padding的垂直方向上不产生边距效果,即不影响布局。
1.首先行内元素是否具有盒子模型?
答:行内元素同样具有盒子模型。
2.行内元素的padding、margin是否无效?
答:
行内元素的padding-top、padding-bottom、margin-top、margin-bottom属性设置是无效的;
行内元素的padding-left、padding-right、margin-left、margin-right属性设置是有效的;
行内元素的padding-top、padding-bottom从显示的效果上是增加的,但其实设置的是无效的。并不会对他周围的元素产生任何影响。
相信看了本文案例你已经掌握了方法,更多精彩请关注Gxl网其它相关文章!
推荐阅读:
前端项目中初始化项目结构
vue-cli根据环境生成测试包和生产包

更多文章:
easyui调用bartendee模板(EXCEL数据库调用BarTender10.1问题)
2026年7月18日 14:45
matlab sym(大家好!matlab中syms是什么意思)
2026年3月27日 04:15
technology各种词性(technique与technology的区别)
2026年3月28日 22:00
facilitate英语怎么读(促成的英语翻译 促成用英语怎么说)
2026年2月28日 23:30
vue2diff算法(简单几句话,知道什么是回流重绘、vue虚拟dom、diff算法和key)
2026年2月26日 10:15
column在sql是什么意思(sql语句中的information_schema.COLUMNS 是什么意思呢)
2026年8月17日 16:15
powerpoint模板(如何制作PowerPoint的模板)
2025年7月6日 00:15
optimistic怎么读英语(optimistic怎么读)
2026年3月8日 11:45
html中生成滚动条或文字(html如何实现滚动文字和音乐)
2026年2月25日 20:45
conventionally a phoneme(conventionally是什么意思)
2026年2月16日 02:45
css下拉菜单颜色(如何用CSS把下拉菜单背景色弄成透明而上面的文字不透明)
2025年6月3日 05:45
html5支持的标签(html5 新加的标签元素例如:<header><section><footer>解惑)
2025年11月17日 20:30
dom4j生成xml特殊字符不转义(JAVA dom4j怎样将双引号 写入XML时为“ 表示)
2025年12月14日 22:45
headerstyles设表头样式(word怎么绘制表头斜线并打字)
2026年8月7日 22:15












