位置: 编程技术 - 正文

在解决ul居中问题时想到的几点

编辑:rootadmin
最近在做网站的时候碰到了一个问题:我用 ul 标签和 li 标签构建的导航栏想要在不确定 li 数量和 li, ul 宽度的情况下居中,但是给 ul 使用了 text-align:center 之后却没有起到应有的效果。 原来的页面结构是: 样式表结构是: 这样本来也是没有什么问题的,但是因为要实现一个功能却定义了一个ID(menu)和两个CLASS(menu_ul, menu_li),这样CSS文件就臃肿了。 我之所以搞不定 ul 居中的问题,就是因为 CSS 写的太乱太多,到最后一环套一环,自己都糊涂了,定义结构的代码混杂在各种为了显示效果而写的代码之中,于是便写乱了。 在大脑发晕的情况下,不想修改了,于是重新写了实现以上功能的代码,页面结构: 完整的样式表: 像这样,很简单的就解决了 ul 不能居中的问题。回头检查我的代码,原来是因为在 li 的样式里多加了一句 float:left,因为定义的 display 并不是 block,而是 inline,所以并不能浮动,造成了冲突,最终导致 ul 无法居中显示。 总结一下,在写网页结构的时候,最好同一个功能模块使用相对统一的CSS名。如果可以定义一个样式名解决问题的,尽量不要定义多个,代码也要尽量简洁。因为代码臃肿了就很容易出问题,并且很难发现错误在什么地方。多用些像 menu, menu ul, menu li, menu a, menu a:hover 这种一系列的样式,而不是定义一些像 menu, menu_ul, menu_ul_li 这样看似调理清晰、层次鲜明,但是实际上很混乱的名称。 习惯是以往经验在潜意识中总结出的精华,但是随着技术的进步,很多以往的习惯都成为进一步提高的阻碍,这时候就要多参考一下标准了,看看以往的习惯是不是值得坚持下去。做网站也一样,标准是能够提高效率、改善性能并且指明方向的,Web标准化的设计更有助于我们提高维护网站的效率。

推荐整理分享在解决ul居中问题时想到的几点,希望有所帮助,仅作参考,欢迎阅读内容。

在解决ul居中问题时想到的几点

文章相关热门搜索词:,内容如对您有帮助,希望把文章链接给更多的朋友!

网页编辑中CSS样式表技巧总结 一、关于注释在创建xhtml+CSS网站时,CSS中的注释非常重要。在创建CSS样式时,应当保持随手注释的习惯。一般的,我习惯于使用/*注释内容*/的格式来写

一个老外弄的Clearing floats(清除浮动的方法) 我常用的都是clear:both;方法,如divstyle="clear:both"divstyle="float:left"/divdivstyle="float:right"/div/div今在PlanABC看到另外这种方法,特些记录下来。div.container{border:1

XHTML下用dl,dt,dd标签实现翻页的效果代码 今天在标准之类的blog(

标签: 在解决ul居中问题时想到的几点

本文链接地址:https://www.jiuchutong.com/biancheng/372051.html 转载请保留说明!

上一篇:DIV和CSS排版中制作细线条的方法小结(div如何排版)

下一篇:网页编辑中CSS样式表技巧总结(网页设计中css样式有何用途)

  • 企业支付的租金在汇算时可一次性税前扣除
  • 二手房交易需要购房发票吗
  • 什么叫做供应链公司
  • 自然人独资企业股东承担连带责任
  • 应交税费明细表填制
  • 有形动产租赁服务计入什么科目
  • 加计抵扣进项税额怎么算
  • 拍卖书画收入如何交税
  • 股票投资会计科目
  • 公交车收购
  • 非营利性企业要交企业所得税吗
  • 工地用材料如何分类
  • 工程款发票开给委托方要如何处理?
  • 公司的日常开销开发票怎么写
  • 冲暂估成本的会计分录
  • 发票上传多久可以验旧
  • 社会组织接受捐赠的资金的使用原则
  • 开具增值税专用发票承诺函
  • 白酒的消费税怎样计算
  • 税号里的字母是什么
  • 服装发票怎么进项抵扣
  • 借款给其他公司的会计分录怎么写
  • 小企业报表为什么勾选不到小型微利企业
  • 多交增值税如何退回
  • 固定资产折旧从入账时间算还是购入时间算
  • 盘盈对应的入账科目
  • 工程什么情况下可以索赔
  • 再生资源会计科目
  • 企业所得税纳税标准
  • 网吧登录qq安全吗
  • Win11如何解决界面不断刷新 Win11界面不断刷新解决方法
  • 购买礼品的会计科目
  • thinkphp怎么用
  • 购买加油卡能否抵扣
  • php面向对象和面向过程
  • php分割数组
  • 背书转让的步骤
  • 搭建本地yum
  • 遥感图像超分辨率 坑
  • timestamp 0
  • 总公司如何成立子公司
  • 母子公司之间的租赁房屋
  • 建筑公司增值税专用发票税率是多少
  • 小企业长期债券投资交易费用
  • 期末增值税结转后未交增值税有余额,对吗
  • 修改数据库为多个数据
  • 应付劳务费怎么做账
  • 不动产租赁开票税率
  • 付款方和发票抬头不一致会计处理
  • 出口退税如何做进料核销凭证
  • 发放工资社保的账务处理
  • 企业账户里的政府账户
  • 编制现金流量表应以什么为基础
  • 支付利息的账务处理
  • 将借款存入银行会计分录
  • 上月计提少了怎么办
  • 减资步骤
  • 生产成本怎么结转主营业务成本分录
  • 企业为什么要设置仓库
  • MSsql每天自动备份数据库并每天自动清除log的脚本
  • 怎么用u盘安装xp系统教程
  • 电脑爆音卡死
  • linux系统监控软件
  • 浪潮云是什么意思
  • mac进去不了系统
  • mac系统教程
  • mac怎么找自己下载的应用
  • win7误删我的文档
  • win7文件和打印机共享
  • win7一直出广告
  • win7远程桌面连接怎么设置
  • unity绘制曲线
  • href中的?
  • 常用的批处理命令
  • 置顶高站位
  • 前后端调用
  • javascript编程基础
  • eclipse项目导入后有红叉
  • 企业所得税每月怎么算
  • 南京国民政府统治和开辟革命新道路
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设