ul
{
list-style-type:none;
margin:0;
padding:0;
overflow:hidden;
}
li
{
float:left;
padding-right:5px;
color:#333333;
font-size:13px;
font-family:arial,sans-serif;
align:center;
}
<ul>
<form action="login.php" method="post">
<li><input name="search" type="text" /></li>
<li><input value="Search" type="submit" /></li>
<li><a href="register.html">Register</a></li>
<li><a href="login.html">Login</a></li>
</form>
</ul>
我有这段代码可以创建一个带有搜索框、搜索按钮、注册链接和登录链接的水平栏。但是,我希望所有元素都居中,就像 YouTube 的单杠一样。目前他们的 Y 位置从屏幕顶部开始,看起来很糟糕。如果我使用的是 HTML 表格,我会在表格中将每个 td 居中,但我正在尝试使用 CSS 对其进行正确编程。
我对网络编程和 CSS 还很陌生。
PS:YouTube 是如何在浏览和上传链接之间创建那些花哨的分隔线的?我查看了源代码,但没有找到任何东西。 =(
最佳答案
关于酒吧,他们的超链接有这种风格:
#masthead-utility a {
border-left: 1px solid #CCCCCC;
padding: 0.1em 0.8em;
white-space: nowrap;
}
注意左边框。 Firebug 是了解人们如何在其网站上做事的好 helper ,尤其是在通过实时编辑帮助您在自己的网站上安排内容时。
关于css - 我如何使用 CSS 而不是表格来格式化它?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5130783/