在没有嵌套的div的情况下，有没有办法在li上使用justify: space-between？
在没有嵌套的div的情况下，无法直接在li元素上使用justify: space-between。justify属性只能用于flex容器，而li元素默认是块级元素，不会成为flex容器。
如果要实现类似的效果，可以使用其他方法来布局li元素。以下是一种可能的解决方案：
- 使用display: flex和flex-direction: row样式将ul元素设置为flex容器。
- 使用margin或padding属性来调整li元素之间的间距。
- 使用伪元素或其他技术在li元素之间添加空白元素来实现间距。
- 根据具体情况，考虑使用Grid布局或其他布局方式。
需要注意的是，以上方法只是实现在li元素之间创建空间的一种方式，并不完全等同于justify: space-between。具体的布局方式还需要根据实际需求和页面结构来确定。
推荐的腾讯云相关产品：腾讯云云服务器（CVM）、腾讯云对象存储（COS）、腾讯云数据库（TencentDB）等，更多产品介绍请参考腾讯云官网：https://cloud.tencent.com/
相关·内容
有没有办法删除这些包含内容的嵌套div，这很重要吗？还有比div更好的标签吗？我是HTML的新手，所以我不确定这有多重要。我听说过一些关于语义HTML的重要性，但我在许多站点上看到了很多div。 @media screen and(max-width: 400px) { flex-wrap: wrap;
justify</e
浏览 14提问于2020-10-15得票数 0
我正在学习li，我想使用justify-content: space-between或在不使用边距的情况下在SCSS之间留出空格，但它不起作用，在浏览器上也没有什么变化。我错过了什么吗？React组件 function Nav() { <div className="nav">
<div classNa
浏览 17提问于2020-12-14得票数 0
回答已采纳
3回答
我试着做一个导航条，但是在列表项目之间找出空间有问题。我试过使用justify-content: space-between，但它没有解决它。我正在使用CSS flexbox，我就是这样做的：.NorMenu { align-items: center; align-ite
浏览 3提问于2020-03-02得票数 0
回答已采纳
我有一些嵌套的flexbox布局，它们在Chrome和Safari 11+中工作得很好，但在Safari10.1.2中表现不正确<div class="content-canvas">
<div cla
浏览 4提问于2017-10-28得票数 1
3回答
我试图在标头标签上应用柔性盒，也在标题标签内的ul标签(嵌套的柔性盒)上应用柔性盒，用于外柔性盒合理性-内容:空格之间；被正确使用，但是当使用合理性-内容:空格-中间；“对于内部柔印箱来说，也不起任何作用，我本来以为它会把每个肚脐列表项目分开，在中间留出一些空格，就像它对外柔性箱那样，它可以使用 space 实现，但是为什么要使用来证明内容:间隔；”不像对外柔软盒那样工作吗？>Logo<
浏览 4提问于2021-10-30得票数 1
我有一个嵌套的flex框结构，但是在flex项之间没有间隔。<div class = "navbar-container"> <div class = "logo"> </
浏览 5提问于2022-04-27得票数 2
回答已采纳
2回答
我是HTML/CSS的新手，目前正在努力学习flexbox。我试图移动我的无序列表所有的方式到右边的div，同时保持标题在左边。我尝试了说明内容:空格，但它只是将列表移到了div的中间。}
background-color: purple; height: 30%; justify-content: space-between
浏览 1提问于2020-07-05得票数 2
回答已采纳
我正在尝试在flexbox中创建一个嵌套的导航栏，并且我喜欢支持IE11。我在.navbar上使用flex-direction: row；和flex-wrap: wrap；。我在.nav项目上也做了同样的事情。在Chrome和火狐上似乎一切正常，但在IE11或Safari上就不行了。
在IE11和Safari中，当我缩小屏幕时，.navbar中的
浏览 3提问于2017-07-10得票数 0
2回答
是否有可能用包装纸包裹软性物品？
、、、、
> </ul>此菜单需要以下可视属性：
div > ul { justify-content: space-between;
display，但文本不换行，因此项目溢出容器：
浏览 0提问于2018-02-27得票数 0
无论我改变什么，它总是在两行上显示。在没有柔性盒的情况下，可能有一种更简单的方法可以做到这一点，但是我想学习如何使用flexbox属性来完成它。我想要的结果是在左边显示第一个无序列表，在同一行显示最右边(结束)的第二个列表。<header> <div</e
浏览 0提问于2018-04-04得票数 0
回答已采纳
1回答
在header父元素中有3个元素，如下所示： <div> </div> <li>
<a href=""></a>R
浏览 3提问于2022-01-20得票数 -1
我在我的网站上的移动菜单底部有一个基于弹性的、无序的社交媒体图标列表。justify-content:space-around height:30px;
浏览 11提问于2016-04-07得票数 7
回答已采纳
BB10 */ }
justify-content:space-between; background:#666; }
我们的目标是让最左边的li与ul容器的左边齐平，
浏览 6提问于2015-10-08得票数 31
1回答
我正在尝试使navbar的Logout文本元素在没有任何底部空间的情况下向右。
<div id="nav"> <ul> <li>Abou
浏览 1提问于2022-06-20得票数 0
回答已采纳
3回答
我有一个肚脐，里面有两个div表示“导航-左”和“导航-右”。我想让它们左右浮动，再加上有粘性的位置。{}
float: right;<header class="header"> <div</em
浏览 4提问于2022-10-25得票数 2
1回答
下面是代码的一部分。<nav class="navbar navbar-default navbar-fixed-top"> <div class="span> <a class="navbar-brand" href="#"><img src="img
浏览 1提问于2018-08-26得票数 0
回答已采纳
我有一个导航栏建立使用flexbox，并想3个部分。链接在左边，链接在右边，徽标在中间。但是，如果我尝试使用flexbox，如果左侧的链接内容与右侧的链接内容不同，我的徽标最终会发生偏移。那么如何将我的徽标居中呢？<nav> <img src="img/logo.svg"/>
<&
浏览 0提问于2017-04-22得票数 0
2回答
定位flex子项
、、
我试图在右上角显示我的ul菜单，但我做的似乎都不起作用，而且我想更改ul之间的空格，但当我添加填充时，它只会扰乱我的内联显示…我做错了什么？ height:12%; display: flex;}
}
margin-left:5%;<div id="menu"&
浏览 11提问于2019-11-15得票数 0
回答已采纳
我想在每一行的末尾显示一个图标。我正试图用柔性盒来解决这个问题，但我不明白如何证明自己是正确的。 list-style-type: none; display:flex; justify-self: flex-start; justify-self: flex-end;<section> &l
浏览 6提问于2017-12-12得票数 2
回答已采纳
我期待创建推项目到右边使用Flexbox。期望的NavBar输出：关于Store.............Right右This is currently my HTML code <ul>
<li id="left"><a href="#">&l
浏览 4提问于2020-07-29得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
