位置: 编程技术 - 正文

在解决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样式有何用途)

  • 实收资本增加印花税怎么算
  • 季报利润总额是填本季度金额还是本年累计数
  • 收到房屋租金税率
  • 提供劳务企业所得税纳税义务发生时间
  • 一般纳税人销售使用过的固定资产
  • 发生销售折让时为什么不冲减成本
  • 电脑怎么写记事本
  • 商品卖亏的会计分录
  • 代扣代缴个人所得税手续费是否缴纳增值税
  • 4s店试驾车转卖怎么开票
  • 企业结转已销产品的生产成本
  • 福利费需要交纳个税吗
  • 上级工会返还的会计分录
  • 营业外支出增值税率是多少
  • 本期免税收入是什么
  • 拨付所属资金和上级拨付资金
  • 坏账的计提和发生分录
  • 企业支付员工的工资
  • 待处理财产损益计入资产负债表哪里
  • 借 其他应付款
  • 转正工资差额什么意思
  • 2021年个人社保代扣失败
  • 境外投资企业如何交税
  • 土地使用权摊销账务处理
  • 软件开发过程中必须伴有质量保证活动
  • 笔记本闪屏正常吗
  • win7系统鼠标键盘
  • 企业出售产品前,预收客户一笔货款
  • win10显示我的电脑
  • vue解决跨域问题
  • 电脑卡住了按什么键回到桌面
  • yolov5使用教程
  • “Property or method “***“ is not defined on the instance but referenced during render.”报错的原因及解决方案
  • vue3使用ref获取元素
  • MMEngine理解
  • thinkphp跨域
  • php的foreach
  • 完美怎么用
  • php设置目录权限
  • 通过点击office文件按钮可以选择设置系统选项
  • 没有销售收入月报怎么填
  • 所有者权益变动表模板excel
  • 公司少申报个税
  • python中线程可以用在哪些方面
  • 归属于母公司所有者权益合计
  • 在途物资属于会计科目吗
  • 请问在accessdemo1
  • sqlserver2005没有实例
  • 在资产减值准备中符合条件可以转回的有
  • 其他应收款如何计提减值准备
  • 销售货物的收入计入什么科目
  • 小规模纳税人开专票税率是1%还是3%
  • 砖厂会计账务处理流程图
  • 无形资产按取得时的什么入账
  • 收到银行承兑汇票怎么处理
  • 通行费的进项抵税怎么算
  • 报关单不在海关信息中
  • 企业研发支出的核算内容
  • 无工资支出企业账务处理
  • 会计核算方法包括
  • mysql 5.7.28安装
  • mysql8安装步骤
  • Solaris 远程磁带备份步骤
  • ias.exe是什么程序
  • win8怎么更改账户名称
  • imac怎么查使用时间
  • win7电脑系统如何
  • win8安装应用商店
  • bootstrap modal 位置
  • perl脚本调试方法
  • egret引擎基础入门
  • 被调用的对象已与其客户端断开连接怎么办
  • nodejs怎么调试
  • javascript Keycode对照表
  • python的params
  • 广东增值税电子普通发票怎么开
  • 江苏国税电子税局
  • 2024新车购置税政策
  • 税务总局绩效管理四大板块
  • 农村摩托车上牌要什么证件和手续
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设