位置: 编程技术 - 正文

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

  • 回退税款所属期后怎么返回
  • 没有收入可以不给抚养费吗
  • 增值税即征即退怎么计算
  • 税务知识:价外费用包括哪些费用?
  • 哪些费用的进项税可以抵扣
  • 制造业的税率是多少啊
  • 企业购买的财产险可以在企业所得税前扣除
  • 小规模自开专票怎么交税
  • 开给天猫的服务费分录如何做
  • 子公司注销欠母公司借款怎么办
  • 社保滞纳金能否超过本金
  • 外籍员工个税信息采集
  • 0申报逾期罚款
  • 外地预缴个人所得税如何入账及申报
  • 主营业务类别商业是什么
  • 再保险的业务种类
  • 关税征收目的
  • 金融行业信托
  • 什么是小型微利企业标准2023
  • 未做账怎么补账
  • 个人购买经济适用住房享受减半征收契税优惠应报送
  • 少计收入被处罚账务处理怎么做?
  • 商品促销有关问题
  • 生产测试是指什么
  • windos10不显示桌面
  • 计提的社保费如何做账
  • 苹果手机查找对方手机位置看不到
  • 什么叫做材料成型工艺
  • 如何申请公积金装修房子
  • win10系统修改密码
  • 前端架构怎么搭建
  • 小米路由器2代改8t
  • 房地产企业公司
  • 企业所得税季度申报表营业收入怎么填写
  • 机器学习评估指标 - f1, precision, recall, acc, MCC
  • 公链dapp
  • 自动驾驶数据集 mev
  • 浅谈人工智能时代财务会计向管理会计的转型
  • thinkphp5微信公众号开发
  • 简述跨期摊提账户
  • 2020信息采集
  • 小规模纳税人零申报流程
  • 织梦图集的使用教程
  • 一般纳税企业增值税的核算应当使用
  • 建筑公司增值税专用发票税率是多少
  • 工会筹备金有优惠政策吗
  • 支付土地补偿款计入什么科目
  • 库存商品转成本意味着什么
  • 服装改制注意事项
  • 罚款支出算费用吗
  • 领用库存商品用于生产产品
  • 固定资产的折余价值和账面价值如何确定
  • 收到客户账款会计分录
  • 农民工专户里的钱能转出来吗
  • 认证系统维护费可以全额抵扣吗
  • 资产负债表与利润表的勾稽关系公式
  • 异地开立分公司条件
  • mysql 压测
  • win10怎么关闭右下角图标
  • xp系统下载SCSI硬盘的安装、启动、设置教程
  • win8分屏快捷键
  • 如何win10
  • cocos2d原理
  • javascriptcsdn
  • android 基础
  • 关于numpy中loadtxt函数的说法
  • unity射击游戏完整案例
  • shell脚本实现文件重命名
  • javascript sort方法排序
  • jquery的children方法
  • activity跳转闪退
  • 个人所得税完税证明
  • 国税局国家公务员工资待遇
  • 重庆市国家税务局电子税务局官网
  • 电子税务局怎么添加开票员
  • 增值税进项税额抵扣凭证
  • 税务局风控
  • 企业卖旧房如何计算缴纳土地增值税
  • 国家管网集团下属企业
  • 英国个税税率最高
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设