HTML中设置水平居中的几种方法

在制作网页的过程中，我们经常会遇到需要设置水平居中的情况，比如文字标题居中，表格居中等，所以今天我们就给大家讲解一下如何设置水平居中。

操作方法

首先，居中的元素可以分类为行内元素和块状元素，其中块状元素又可以分为定宽块状元素和不定宽块状元素。常见的行内元素为：
等。常见的块级元素为：

等。

对于行内元素，如果被设置居中的元素是文字或者图形的形式，那就需要通过给父元素设置text-align：center来实现。

对于定宽的块级元素，使用text-align：center就无效了。这里如果需要设置居中，则必须通过设置左右两边的margin值为“auto”来实现。auto的意思是自动分配剩余空间，margin：10px auto是margin-top：10px；margin-bottom：10px；margin-left：auto；margin-right：auto；的缩写形式。所以左右两边元素剩余区域各自均分，也就是元素两侧的区域各占50%，那么元素就左右居中了。

对于宽度不固定的块级元素，通常有3种方式来实现居中：第一种是通过table元素来实现；第二种是设置？display: inline方法，将显示类型设为行内元素；第三种是设置position:relative，利用相对定位的方式，将元素向左偏移？50%来实现居中。table元素具有长度自适应性，其长度根据其内文本长度决定，因此可以看做一个定宽度块元素。然后结合上面的定宽块级元素居中方法就可以设置居中了。这种方法的缺点是会生成无语义的代码。

设置display：inline方法来居中不定宽块级元素则更好理解，通过将元素设置为行内元素，设置行内元素的父元素属性text-align:center就可以实现居中。此方法的缺点是由于转换成了行内元素，导致元素损失了块级元素具有长度值等属性。

最后一种利用相对定位的方式来居中不定宽块级元素，首先给父元素设置float属性，然后给父元素设置relative定位属性，left:50%；子元素也设置relative定位属性和left:-50%，这样就能实现居中。

特别提示

不定宽块级元素的居中方法比较复杂，具体使用哪一种方式要根据实际情况来定夺。

繁华沧桑 2024-05-23 13:29:22
本网站引用、摘录或转载上述内容仅供网站访问者交流或参考，文中观点或信息与爱问公司无关，与之相关的任何事务以及法律责任均与爱问公司无关。

最新回答 换一换

1

问：冰箱顶部可以用布盖吗

答：

答：个人觉得挺好的，可以防灰尘、可以放东西，还好看。购买的时候要看冰箱的箱体和箱门的四周应平直，装配应牢固，箱门不得歪斜，其转动轴与轴销之间的间隙配合良好，用手推拉箱门时，手感应灵活。冰箱表面涂层(喷漆或喷粉)的色泽应均匀，光亮，不应有麻点，锈蚀，碰伤或划伤的痕迹。

2

不结婚的女人精神寄托是什么呢 2019-04-09

3

到香港哪里买手表好 2019-11-08

4

水炖蛋加冷水还是热水 2020-05-13

5

且末蓝是什么 2019-11-06

相关推荐



农业普查几年一次 下次该哪年

农业普查在中国每十年进行一次，下次普查时间为2027年。全国农业普查是一项重大国情、国力调查。它是按照国家规定的统一方法、统一时间、统一表式和统一内容，主要采取普查人员直接到...

详情>

提问时间：2021-09-05



梅花和喜鹊的寓意是什么

梅花和喜鹊的寓意是喜上眉梢，喜鹊为喜，梅花为不屈不挠，也是眉的谐音。喜上眉梢，指喜悦的心情从眉眼上表现出来。古人以喜鹊作为喜的象征，形容欣喜无法隐藏。...

详情>

提问时间：2019-10-02



鱼塘亚硝酸盐怎么预防

鱼塘亚硝酸盐预防措施：(1)培养或增加优质藻类，通过藻类对氨氮的吸收，使氨氮向亚盐的转化减少;提高藻类浓度以吸收更多的硝酸盐，促进亚硝酸盐向硝酸盐转化，减少亚硝酸盐的积累。(...

详情>

提问时间：2019-12-18



56个民族有哪些特征

56个民族的特征是56个民族各不相同。中华民族是由中华人民共和国政府官方定义为中华人民共和国境内获得认定的56个民族的统称，中华民族是代表中国现代民族的共同体名称。中华民族共...

详情>

提问时间：2020-10-22



美式复古地砖怎么样

1.棕色格子美式地砖这款客厅地砖颜色选用了棕色、棕红色混搭，而地面由大小不同的三种类型的地砖拼贴出造型多样，风格统一的地面图案。从整体来看，墙壁以淡红色为主，家具以白色、砖红...

详情>

提问时间：2019-12-12



黑翼之巢在哪里

首先，从主城出发，飞往燃烧平原或者灼热峡谷。地点在艾泽拉斯大陆的东部王国。部落从奥格瑞玛传送到诅咒之地或者暮光高地飞。联盟从暴风城或者铁炉堡飞，要是有小物品酒吧传送器的话可以...

详情>

提问时间：2020-06-07



包头哪能钓鱼

黄河回水湾、麻池钓场和坝湿地生态园。钓鱼属于一种户外运动，目标是用渔具把鱼从水里钓上来，而且钓鱼不限制性别与年龄，大人、小孩子都喜欢。钓鱼可以亲近大自然，陶冶情操。包头是内蒙...

详情>

提问时间：2020-06-03



传奇世界坐骑怎么培养

传奇世界坐骑培养方法：如果氪金的话，可以到商城买神丹或者收兽灵神丹来进行神兽培养。也可以通过狂打七魄灵石，再去中州祭祀换成灵力，然后去灵犀仙岛的老头那里去获取兽灵神丹来提升资...

详情>

提问时间：2019-10-03



林口县属于哪个市

林口县，隶属于黑龙江省牡丹江市，位于黑龙江省东部，距牡丹江市120公里，距煤城七台河、鸡西不足100公里，是连接三市的枢纽。是绥芬河、东宁、密山、虎林等对俄贸易口岸的前沿腹地...

详情>

提问时间：2020-07-16



不怕万一只怕一万的意思是什么

不怕万一只怕一万的意思是凡事要留一手，就像按字面上说的，不怕是一万，就怕其实是一万一，所以凡事要想后果，留后路，要瞻前顾后。虽然是句俗语，却蕴含深刻哲理。不仅适用于人生，适用...

详情>

提问时间：2020-02-26



逗闷子是什么意思

逗闷子的意思是开玩笑，闲得没事做找人唠嗑、拉扯家常等。跟别人逗闷子，但是不会把对方的话往心里去，图个解闷。开玩笑在北京话里也可以说作：逗牙签子。它是一句北京土语，与“逗咳嗽”...

详情>

提问时间：2021-11-11



李白写的古诗有哪一些

李白写的古诗有《望庐山瀑布》《行路难》《蜀道难》《将进酒》《明堂赋》《早发白帝城》等多首，24岁辞亲远游，有《别匡山》诗，游峨眉山，写有《登峨眉山》、《峨眉山月歌》，出三峡，...

详情>

提问时间：2020-06-29



红豆和红糖一起吃有什么效果

红豆加红糖具有清热解毒、健脾和胃、消肿利尿、补血养气的功效。可用于治疗肠炎、痢疾、腹泻、疔疮肿毒等症状。它含有维生素、铁、锌、锰等多种微量元素。能增强人体的免疫力，使气色更加...

详情>

提问时间：2020-02-11



甲状腺抗体高 t3正常值是多少

甲状腺抗体高t3正常值是1.34~2.73nmol/L。甲状腺球蛋白抗体是自身免疫性甲状腺疾病病人血清中的一种常见自身抗体。它主要由IgG1、IgG2和IgG4组成，少部分为...

详情>

提问时间：2020-02-02

精选问答

白茶属于什么茶种



青春依旧

白茶属于微发酵茶。
白茶是中国茶农创制的传统名茶。中国六大茶类之一。指一种采摘后，不经杀青或揉捻，只经过晒或文火干燥后加工的茶。具有外形芽毫完整，满身披毫，毫香清鲜，汤色黄绿清澈，滋味清淡回甘的品质特点。
白茶因其成品茶多为芽头，满披白毫，如银似雪而得名。主要产区在福建福鼎、政和、武汉新洲旧街、蕉城天山、松溪、建阳、云南景谷等地。基本工艺包括萎凋、烘焙（或阴干）、拣剔、复火等工序。云南白茶工艺主要晒青，晒青茶的优势在于口感保持茶叶原有的清香味。

网络上的lc是什么意思



学习雷锋好榜样

网络上的lc是let me see的缩写，意思是“我明白了”。
lc属于典型的英文首字母缩写类型的网络用语。而且这一类的网络语言越来越成为了人们网络生活中必不可少的一部分。
lc这类词语往往有一定的时效性，所以随着时间的推进，就会被新的梗所覆盖，继而产生与“lc”意思类似的其他网络语言。并且与之类似的网络用语还有：acbc、xyz、hhd、bd等等。

老板燃气灶保修期几年



学习雷锋好榜样

老板燃气灶一般整机保修一年，主要部件保修三年。其中主要部件是指燃气阀组件（总成阀体，电磁安全阀，热电偶，微动开关）、电磁灶部分（电子开关）。
燃气灶类：
⑴保修一年（电池除外），终身服务。
⑵指定区域内免费送货。
⑶保修期内免费上门调试（无熄火保护装置的台式灶除外）。
⑷保修期内提供免费上门维修服务（旋钮、电池等易损配件外），配件以坏换新，外力损坏的维修收取零配件费用。
⑸在允许范围内，提供改气源服务，费用另算。

h广播剧是什么



留下

广播剧又称放送剧，是一个戏剧化的，纯粹的声学性能，没有可视组件，主要为播音员或配音演员所演出的戏剧。以帮助听者想象的人物和故事，适应电台广播的需要而产生的一种艺术形式。
而h广播剧则是在一般的广播剧基础上多了些情色剧情。

布拉格广场在哪个国家



告别从前

布拉格广场在捷克。布拉格是捷克首都，是欧洲最美丽的城市之一。其中最著名的广场是老城广场。老城广场的中心是扬·胡斯雕像。广场最具特色的古建筑是自鸣钟。布拉格这个名称来自德语，当地称它为布拉哈，意为“门槛”，其原因是伏尔塔瓦河在这里流经一个暗礁，水流湍急，酷似越过一个门槛。
有这样一个传说：古时开始建设城市时，建筑师来到这里勘察，他遇见一个老人，正在锯木做门槛，做得异常认真、仔细，建筑师深受感动，城市建成之后，便命名为布拉格。布拉格是一座历史悠久的城市，早在一千多年前，这里就是捷克王国的政治中心，从公元13世纪成为捷克王朝的第一座王城算起，已有七百多年的历史。从13世纪到15世纪是中欧重要的经济、政治和文化中心。城市依山傍水，古迹众多，国家重点保护的历史文物达二千多处。
推荐问答
1-20
21-40
41-60
61-80
81-100
101-120
121-140
141-160
161-180
181-200
怎么让电脑不卡 怎么彻底清理电脑垃圾 微信删除好友怎么加回来 微信删除好友如何加回来 转转和闲鱼哪个用户多 银行利率怎么算 关于银行利率的几点说明 电视剧琉璃虐吗 电视剧琉璃虐不虐 卫衣是什么意思 中位数众数和平均数怎么求 劳动监察大队受理流程和期限 呼和浩特赛斯基因检测机构老板是谁 北京换驾照需要什么手续费? 冰糖雪梨的制作方法和功效 飞度空调滤芯在哪 飞度空调滤芯在哪里安装的方向 莲子心泡水喝的禁忌 榴莲皮可以泡脚吗?榴莲皮的这些功效与作用你知道吗? 苹果手机上的Office怎么使用 青椒炒鸡块的家常做法 青椒炒鸡块做法步骤 高速公路开车注意事项 不能做什么？ 橱柜尺寸标准是多少？怎样的选购橱柜？ 蛋壳和栗子壳是什么垃圾 30女人抗老食谱
热点问答
1-20
21-40
41-60
61-80
81-100
101-120
121-140
141-160
161-180
181-200
反诈骗宣传内容简短 除颤仪怎么关闭 一生必看十部顶级电影 南冥有猫是什么意思 巽风答人题库 实力教室第二季樱花 狗分泌唾液实验 猫咪特别短的小声哼唧 昭昭春日 椒盐小甜饼 pear日本一个软件 红楼梦每回概括及赏析 《麻绳》泰剧 p5佛劳洛斯 鲜笋春笋的10种做法 闭合导线测量全过程 50毫米是多少米 小黑房东的猫 舒婷的放纵生活小说 江簌簌顾轻泽唐卿 井崎英典

关于我们 爱问协议 帮助中心 意见反馈

京ICP证000007-6 爱问知识人-Copyright © 版权所有