gpt4 book ai didi

CSS:水平 UL:居中

转载 作者:太空宇宙 更新时间:2023-11-03 18:54:34 24 4
gpt4 key购买 nike

我正在尝试制作水平菜单/列表。它混合了独立的按钮和包装在自己的单独表单中的按钮。

通过大量的黑客攻击,我得到了所有按钮,无论是在表单中还是在表单中,都可以水平对齐。

不过,我无法让整个内容都集中在页面上。

有人可以指出我没有看到的内容吗?

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<link rel="shortcut icon" href="http://localhost:7001/nsd/images/favicon.ico">
<style type = "text/css">
#horizontal_li_menu
{
margin:0 auto;
text-align:center;
border: 1px solid green;
width:750px;
list-style-type: none;
text-decoration: none;
padding:0 auto;
}

#horizontal_li_menu li
{
display: inline;
float:left;
padding-right: 10px;

}

</style>

</head>

<body>







<ul id = "horizontal_li_menu">
<li>
<input value="Update" onclick="location.href='#'" name="button" type="button"/>
</li>

<li>
<form name="formExportVECI" method="post" action="exportveci">
<input name="person_id" value="661774" type="hidden">
<input name="submitExport" value="Export To Microsoft Excel" type="submit">
</form>

</li>
<li>
<form id="ufdh" name="formImportVECI" action="importveci" method="post" enctype="multipart/form-data">
<input name="person_id" value="661774" type="hidden">
<input value="Import From Microsoft Excel" path="Upload" type="submit">
<input id="fileData" name="fileData" value="" type="file">
</form>
</li>

<li>
<input value="Search/Home" onclick="location.href='search'" name="buttonHome" type="button"/>
</li>
</ul>






</body></html>

最佳答案

根据您的 CSS:

#horizo​​ntal_li_menu_container ulhorizo​​ntal_li_menu_container_ul 选择相同的元素。我不确定你是否意识到这一点。

此外,使用 float 时,您需要清除它们

关于CSS:水平 UL:居中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13849446/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com