位置: 编程技术 - 正文

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

  • 增值税进项税抵扣时间
  • 政府补助属于不征收收入汇算清缴怎么填写
  • 设备采购及安装属于工程还是货物
  • 小规模所得税税负率怎么计算
  • 开具红字增值税专用发票的条件
  • 资产负债表总账科目有哪些
  • 公司垫付员工工资怎么做账
  • 利息保障倍数计算公式资本化利息
  • 非独立核算的分公司怎么做账
  • 对方公司倒闭应收账款发票还需要开吗
  • 免税企业开了含税发票
  • 企业用于在建工程购入的材料
  • 公司的日常开销开发票怎么写
  • 买鼠标去哪买
  • 纳税调整后所得怎么算
  • 个体户要申报哪些报表
  • 单位给员工买车怎么买
  • 开汽车租赁发票需要什么资料?
  • 物流公司通行票抵税比例是多少
  • 报废固定资产收入计入什么科目
  • 企业吸收合并税收政策
  • 技术服务费收入属于提供劳务收入吗
  • 防暑降温列支什么费用
  • 银行承兑汇票企业账户没钱
  • 公司备用金可以取多少
  • 本年利润年末账务处理
  • Windows11安装不了空件怎么处理
  • 苹果手机密码忘记了怎么重置密码
  • 支付人工费会计科目
  • 户外广告位怎么收费
  • 公司购买的大型安装设备什么时候转入固定资产
  • 房屋权属转移是什么意思
  • 以银行存款支付业务招待费
  • 其他应收款等于
  • php面试知识点
  • 长期待摊费用是资产
  • 当月勾选认证可以在下月抵扣吗
  • 生产部门使用的各种机器设备属于什么会计科目
  • 企业现金支付的范围
  • 帝国cms栏目分类
  • 织梦系统如何更换网站内容
  • 失控票要在抵扣当月转出吗
  • 什么情况下需要满足m>>m
  • 零申报年报
  • 税款已缴未入库怎么处理
  • 工程项目怎么挣钱
  • 更正申报季度企业所得税
  • 长期股权投资成本法会计处理
  • 凭证必须用凭证盒
  • 政府会计工资代扣工会会费
  • 审计库存现金盘点表
  • 非居民企业所得税
  • 进口关税如何交
  • 免征印花税的6个项目
  • 账面净值什么意思
  • 加班餐补需要发票嘛
  • 企业注销固定资产清理税务处理
  • 餐饮怎么扣税
  • 企业超过一定金额采购需求
  • 小企业会计怎么做账
  • mysql 绿色版安装
  • 微软宣布今年不会为全职员工加薪j
  • MAC怎么将单独一个应用静音
  • p2p是什么文件
  • win7禁用驱动签名后可以正常启动吗
  • schupd.exe - schupd是什么进程 有什么用
  • 手机更新升级版本下载
  • windows中复制文件的几种方法
  • win 7关闭睡眠
  • gta4支持win10
  • 模拟监控app
  • jquery给td设置内容
  • 在Unity中使用事件/委托机制(event/delegate)进行GameObject之
  • unity怎么添加ui界面图片
  • javascript Math.random()随机数函数
  • jquery的选择器有哪几种类型
  • jquery foreach循环
  • 蚌埠站到蚌埠南站多远
  • 什么情况适用简易诉讼程序
  • 企业税收筹划的最终目的
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设