堆栈内存溢出
  简体   繁体   English

如何消除 HTML 导航菜单中行内块元素之间的间隙？

[英]How to remove the gap between inline-block elements in an HTML navigation menu?

 原文  2022-12-26 05:59:32  3   1    html

问题描述

"I am trying to create a navigation menu for my website using an unordered list. The menu items should appear horizontally, with each item taking up an equal amount of space. However, when I set the display property of the list items to inline-block, there is a small gap between each item. How can I remove this gap and make the items appear next to each other with no space in between? “我正在尝试使用无序列表为我的网站创建一个导航菜单。菜单项应水平显示，每个项目占用相同的空间。但是，当我将列表项的显示属性设置为内联时-块，每个项目之间有一个小间隙。我怎样才能消除这个间隙并使项目彼此相邻出现，中间没有空间？

1 个解决方案

解决方案1
 0  2022-12-26 06:07:52

Instead of setting each li to display: inline-block而不是将每个 li 设置为显示：inline-block

Try setting the entire ul element to display: flex尝试将整个 ul 元素设置为显示：flex

暂无
暂无

声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

相关问题 HTML内联块元素之间的差距是什么 - What's the small gap between HTML inline-block elements 如何删除内联/内联块元素之间的空间？ - How to remove the space between inline/inline-block elements? 如何控制内联块div元素之间的间隙，以使间隙可以夹在视口后面？ - How to control gap between inline-block div elements, such that the gap can be allowed to clip behind the viewport? HTML：带有图像的文本包装内联块元素之间不明原因的垂直间隙？ - HTML: Unexplained vertical gap between text-wrapped inline-block elements with an image? 在React中删除内联块元素之间的空间 - Remove space between inline-block elements in React 删除两个wordpress循环元素之间的行内块空间？ - Remove inline-block space between two wordpress loop elements? 如何调整内联块布局中元素之间的间距？ - How to adjust the spaces between elements in inline-block layout? 如何在两个行内块元素之间插入换行符？ - How to insert a line break between two inline-block elements? 如何在行内块元素之间增加空间？ - How to add space between inline-block elements? 如何在内联块元素之间设置正确的间距 - How to set right spacing between inline-block elements
相关标签
 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM