位置: 编程技术 - 正文

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

  • 个人出租不动产税率
  • 出差补贴计入
  • 已交增值税如何做账
  • 固定资产清理残料变价收入
  • 教育培训学校怎么翻译
  • 资产负债表固定资产项目包括哪些
  • 兼职劳务税率是多少2020
  • 餐饮业可以开增值税专用发票吗?
  • 银行结息计入什么费用
  • 小汽车的增值税怎么算
  • 代扣代缴增值税纳税义务发生时间
  • 金融企业往来收入是指
  • 审工资的流程
  • 商品流通企业的资金循环
  • 公司开发票要交多少钱的税?
  • 多缴的社保退还给员工是否还要算个税
  • 购进一批材料,材料已经入库
  • 本年利润有期末余额吗
  • 长期股权投资减值准备是什么意思
  • 公司没有残疾人需要缴纳残保金吗
  • 升级声卡驱动后声音禁用了怎么恢复
  • 预提电费及电费发票到账的会计分录
  • 安卓系统详解
  • 索尼vpcea200c笔记本
  • 调整上月费用科目
  • 跨年收到退回增值税税款的账务处理
  • 分次发放年终奖怎么做账
  • vue写css
  • 深入理解php内核pdf
  • 购买电脑固定资产怎么记账
  • cvg模型
  • 基于微信小程序制作
  • auth命令
  • sed命令大全
  • 车间主要有哪些事故风险
  • mysql的间隙锁与排他锁
  • 上期累计应纳税所得额
  • 本年利润在借方代表亏损吗
  • 本单位职工可以承包本单位业务吗
  • 无法收到的租金要交房产税吗
  • 福利费用使用范围
  • 过渡期怎么坚持下去
  • 福利部门领用材料计入什么科目
  • 现代服务包括哪些内容是什么
  • 一般纳税人税率2023
  • 财务负责人需要承担什么风险
  • 房租收入如何纳税
  • 环评费用如何进项抵扣
  • 无形资产的处置损益
  • 记账凭证摘要的填制要求
  • 招待客人会计分录
  • 出差期间招待费用怎样报销
  • 收取加盟费的条件
  • 支付技术转让费所得税处理
  • 金融资产发生的负债包括
  • 关于小规模纳税人2023年的政策
  • 软件属于无形资产什么类别
  • 保险公司的业务分为
  • win8创建密码
  • 获取方法
  • ubuntu14.04挂载硬盘
  • linuxssh免密码登录
  • win10系统光盘制作
  • win单击变双击
  • win内存占用率过高
  • linux常用命令kill
  • win7如何设置屏幕保护时间
  • unity性能优化工具
  • 广告文章叫什么
  • python的判断
  • unity资源管理机制
  • vue如何用
  • unity控制相机旋转
  • 前端开发需要哪些技能
  • jquery.js插件
  • python字典常用操作以及字典的嵌套
  • 湖北税务查询电话
  • 超豪华小汽车需要在什么环节纳税
  • 徐州第三税务分局
  • 房契税发票丢了能补办吗
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设