Javascript 如何使导航栏向边缘移动 我只是做了一个常规的Navar，但是希望标志和链接能填满整个容器而不是从中间开始。我知道这是一个简单的解决方案，但是我认为唯一的方法是在它们上加上一个边距，但是它也扩展了我的链接。
*{ 框大小：边框框； 边际：0px； 填充：0px； } 身体{ 背景：粉红色； } 导航{ 显示器：flex； 证明内容：周围的空间； 对齐项目：居中； 最小高度：8vh； 背景颜色：黄色； } .标志{ 颜色：白烟； 文本转换：大写； 字母间距：5px； 字体大小：20px； } .导航链接{ 显示器：flex； 证明内容：周围的空间； 宽度：25%； } 李{ 列表样式类型：无； } .导航链接a{ 颜色：黑色； 文字装饰：无； 字母间距：3px； 字体大小：粗体； } 导航{ 显示器：flex； 背景：番茄； 填充：1勒姆 } .标志{ 右边距：自动； }Javascript 如何使导航栏向边缘移动 我只是做了一个常规的Navar，但是希望标志和链接能填满整个容器而不是从中间开始。我知道这是一个简单的解决方案，但是我认为唯一的方法是在它们上加上一个边距，但是它也扩展了我的链接。,javascript,html,css,flexbox,nav,Javascript,Html,Css,Flexbox,Nav,*{ 框大小：边框框； 边际：0px； 填充：0px； } 身体{ 背景：粉红色； } 导航{ 显示器：flex； 证明内容：周围的空间； 对齐项目：居中； 最小高度：8vh； 背景颜色：黄色； } .标志{ 颜色：白烟； 文本转换：大写； 字母间距：5px； 字体大小：20px； } .导航链接{ 显示器：flex； 证明内容：周围的空间； 宽度：25%； } 李{ 列表样式类型：无； } .导航链接a{ 颜色：黑色； 文字装饰：无； 字母间距：3px； 字体大小：粗体； } 导航{ 显示器：
删除内容：周围的空间；从导航应该做的技巧，当我这样做，所有的导航链接移动到一侧的标志上。我想标志从左边开始，链接从右边开始，效果很好，但是你介意解释一下为什么在标志上加上右边空白也会影响链接吗？只是为了更好地理解，通过设置右边空白自动，我说的是使用所有剩余的空间。链接没有受到影响，边距会推动链接。你可以通过以下css规则flex在徽标和链接之间添加一个跨度来达到同样的效果：1我也知道这是不相关的，但我不能pm你，我只想知道你是否从头开始创建图像库，最好的方法是什么。Flexbox、Grid系统或trGrid是最好的解决方案，但它的支持就是问题所在。我会同时使用网格和Flexbox。您可以检查css中是否支持网格，只需通过google了解如何做到这一点。如果不支持，请使用Flexbox作为后备方案。请记住，您必须维护此功能。最后一个解决方案是使用类似tailwind的css库