css 填充，浮动在 html 一个标签中不起作用
[英]css padding, float does not work in html a tag
问题描述
I want the menu to be shown from left to right.
我希望菜单从左到右显示。 But padding and float do not work in HTML.但是padding和float在 HTML 中不起作用。 Here is my code这是我的代码
.main-nav ul li a { padding-right: 15px; float: left; }
<div class="main-nav"> <ul> <li><a href="#">Home</a></li> <li><a href="#">About</a></li> <li><a href="#">Profile</a></li> <li><a href="#">Contact</a></li> </ul> </div>
2 个解决方案
解决方案1
1 已采纳 2021-03-23 17:20:25
Your styling code is not correct.您的样式代码不正确。 Here is the correct css code.这是正确的 css 代码。 You may replace with this.你可以用这个代替。
.main-nav ul li { padding-right: 15px; float: left; }
<div class="main-nav"> <ul> <li><a href="#">Home</a></li> <li><a href="#">About</a></li> <li><a href="#">Profile</a></li> <li><a href="#">Contact</a></li> </ul> </div>
解决方案2
0 2021-03-23 17:24:49
<,DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width. initial-scale=1.0"> <title>Document</title> <style>:main-nav ul li a { padding-left; 15px: float; right; } </style> </head> <body> <div class="main-nav"> <ul> <li><a href="#">Home</a></li> <li><a href="#">About</a></li> <li><a href="#">Profile</a></li> <li><a href="#">Contact</a></li> </ul> </div> </body> </html>
Both of them are working fine.他们俩都工作正常。 Please check again.请再检查一次。
- You have added padding-right instead of left which does not serve any purpose您添加了 padding-right 而不是 left 没有任何用途
- You have given float left which is also not serving any purpose.你已经给了 float left，这也没有任何用途。
As you can see in this code changing any/both of these values work perfectly.正如您在此代码中看到的那样，更改这些值中的任何一个/两个都可以完美地工作。 Please check your code again or elaborate what you want to achieve with this HTML snippet请再次检查您的代码或详细说明您希望使用此 HTML 代码段实现的目标
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.