新手 还没入门 求教【HTML】

web前端|html教程

入门,还没,求教,新手

web前端-html教程

这个怎么实现居中

php k线图源码,vscode关闭上次打开,ubuntu禁用蓝牙,如何改变tomcat端口,pyqt写爬虫,php 中文全文检索,岳阳seo优化哪家值得信赖,相册系统源码网站,神马电影模板lzw

android 7.0源码大小,ubuntu编译btc,tomcat桌面图标,骷髅爬虫图片,php开发实例1200例,郑州搜索引擎seo推广方案lzw

#most {

下载asp网站源码,ubuntu设置中文时间,深圳黑色大爬虫,xpath php,巩义外贸seolzw

width:780px;

height:30px;

background:url(0416013038848.jpg);

float:left;

}

#most ul {

padding:0px;

list-style:none;

float:left;

width:8000px;

margin:0px auto;

}

#most li{

float:left;

}

#main {

float:left;

}

#most a{

display:block;

width:119px;

height:30px;

color: #FFF;

text-align:center;

line-height:29px;

text-decoration:none;

font-size:14px;

font-weight:bold;

}

#most a:hover{

background-color:#FFF;

color:#333;}

电子配件

电脑整机

需要订购

联系我们

回复讨论(解决方案)

float元素不处理是不能居中的，需要特别的处理：

demo here

#most{width:780px;height:30px;background:#f0f0f0;float:left;border:1px solid #ccc; position:relative; left:50%; margin-left:-390px;} #most ul{padding:0px;list-style:none;float:left;width:8000px;margin:0px auto} #most li{float:left} #main{float:left} #most a{display:block;width:119px;height:30px;color:#333;text-align:center;line-height:29px;text-decoration:none;font-size:14px;font-weight:bold} #most a:hover{background-color:#FFF;color:#333}

电子配件 电脑整机 需要订购 联系我们

这是你原来基础上做的扩展，这种方式只是救急，如果页面元素过多就会引发其它问题。所以我建议用下面的方式居中。

margin:0 auto; 这是大部分网站采取居中的一种办法，高效，安全，稳定，有力。

然后float之后的元素会影响其它兄弟元素，所以要clearfix。

demo here.

#most{width:780px;height:30px;background:#f0f0f0;margin: 0 auto;border:1px solid #ccc;} #most ul{padding:0px;list-style:none;float:left;width:8000px;margin:0px auto} #most li{float:left} /*#main{float:left}*/ #most a{display:block;width:119px;height:30px;color:#333;text-align:center;line-height:29px;text-decoration:none;font-size:14px;font-weight:bold} #most a:hover{background-color:#FFF;color:#333} .clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;} .clearfix{display:inline-block;} .clearfix{display:block;}

电子配件 电脑整机 需要订购 联系我们

常用居中margin:0 auto;