html无序列表横向水平居中的解决方法

来源:互联网 发布:python try 重试 编辑:程序博客网 时间:2024/06/05 23:31
<!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=utf-8" /><title>无标题文档</title><style type="text/css"><!--*{margin:0;padding:0;list-style:none;text-decoration:none;}#dh {height: 30px;width: 600px;margin-top: 0px;margin-right: auto;margin-bottom: 0px;margin-left: auto;background-color: #F00;}#dh ul {height: 30px;width: 600px;margin-top: 0px;margin-right: auto;margin-bottom: 0px;margin-left: auto;}#dh ul li {float: left;list-style-type: none;height: 30px;width: 150px;line-height: 30px;text-align: center;}--></style></head><body><div id="dh"><ul><li>首页</li><li>电脑</li><li>手机</li><li>家电</li></ul></div></body></html>
原创粉丝点击