位置: 编程技术 - 正文

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

  • 房产税如何进行税源采集
  • 所得税季报季末人数怎么计算
  • 交易性金融资产借贷方向
  • 无法确定购买日期
  • 内部固定资产交易当期的合并处理,涉及出售
  • 本月进项税额不够抵扣怎么办
  • 企业所得税权责发生
  • 燃油税改革了谁的钱包
  • 营改增来了!会计人应如何自处
  • 预付卡销售发票可以报销吗?
  • 建筑企业预收的工程款会计分录
  • 基金赎回未到账可继续买吗?
  • 培训学校的收入
  • 发票失联企业不处理的后果
  • 房产评估价偏低
  • 普通股优先股后配股区别
  • 如何修复在感情中受的伤害
  • 代扣代缴税款的完税凭证抵扣期限
  • 单位租房的房租怎么入账
  • 扣缴公积金的会计分录
  • 如何在win7系统中查看电脑基本信息
  • linux c gui
  • 贷款损失会计处理
  • 企业年金基金缴费必须归集到受托财产托管账户
  • 房地产土地使用税征收标准
  • kcleaner.exe是什么
  • 我告诉你win7旗舰版
  • 增值税税收类型有哪些
  • 短期借款利息计算
  • 微信小程序分包加载
  • php通用分页类
  • 企业要缴哪些税种
  • 报销加油票怎么开票
  • 中途建账期初数据哪里来的
  • 普通发票有抵扣联没
  • ICLR‘23 UnderReview | LightGCL: 简单而有效的图对比学习推荐系统
  • 二维码的实现原理和实现过程
  • ChatGPT 能自己跑代码了!
  • php面试知识点
  • 消耗品属于哪个会计科目
  • 借条这样写才有效
  • 一万元,两分的利息,一年利息是多少
  • 现金流量表财务报表
  • 材料出入库的本质是什么
  • 收据所得税前扣除
  • 餐饮管理公司如何收取管理费
  • 增值税发票跨月可以作废吗
  • 房产税和城镇土地使用税
  • 发票审核中是什么意思
  • 计提银行存款利息
  • 其他应付款可以转主营业务收入吗
  • 决算清理期和库款报解整理期
  • 公司借款给个人的税务问题
  • 一般纳税人金税盘分录
  • 公司拨款给个人分录
  • 其他债权投资有哪些科目
  • 哪些收入不需要开票
  • 个人独资企业取得拆迁补偿款税收规定
  • 小规模公司怎么做账
  • 自制原始凭证的填制
  • sql语句基础教程
  • ubuntu docker教程
  • ssms连接mysql
  • 修改远程桌面端口后,远程桌面连不上
  • smagent.exe - smagent是什么进程
  • centos安装完为什么没有桌面
  • android开发webview
  • css中的auto
  • opengl learn
  • 批处理重命名文件名
  • node.js权威指南
  • jQuery实现HTML表格单元格的合并功能
  • js中对象
  • 税务检查调账通知书
  • 国家税务总局通知公告
  • 税务局纳税服务中心
  • 点击正式申报前怎么操作
  • 一般纳税人城建税减免最新政策
  • 集体产权房产证怎么办
  • 农产品进项税额核定扣除办法
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设