首页猿问居中的问题

居中的问题

Html/CSS

qq_禁灭生_03414590 2016-10-25 17:10:36

<!DOCTYPE HTML><html> <head> <meta http-equiv="Content-Type" content="text/html;charset=utf-8"> <title>居中4</title> <style type="text/css"> ul{ position:relative; top:5px; left:50%; } div{ display:inline; text-align:center; } </style> </head> <body> <ul> <li>我是第一个文本</li> <li>我是第一个文本</li> <li>我是第一个文本</li> <li>我是第一个文本</li> </ul> <div>我是第一个div</div> </body></html>div不是块级元素吗？为什么我将块级元素转化成内联元素不能居中？求解

查看完整描述

3 回答

已采纳

心似一片青苔

TA贡献10条经验获得超10个赞

1、text-align是让文本居中 <div>我是第一个div</div> -> 这里的div是块级元素没错，但是div里的内容（我是第一个div）是文本，即是inline-block 直接 div{text-align:center;}

2、举个例子：<div><img src="">我是div里面的inline-block</<img><div> 以上纯属个人理解

2 反对回复 2016-10-25

李晓健

TA贡献1036条经验获得超461个赞

行内元素都在一行默认从左到右显示，当然不会自动居中了，想让行内元素居中，就需要给它的父级添加 text-align:center;

1 反对回复 2016-10-25

心似一片青苔
建议上w3School再了解下text-align的使用 1、text-align是让文本居中 <div>我是第一个div</div> -> 这里的div是块级元素没错，但是div里的内容（我是第一个div）是文本，即是inline-block 直接 div{text-align:center;} 2、举个例子：<div><img src="">我是div里面的inline-block</<img><div> 以上纯属个人理解

回复 2016-10-25
心似一片青苔
贴错位置，尴尬

回复 2016-10-25

慕的地8582982

TA贡献446条经验获得超0个赞

https://www.imooc.com/wenda/detail/349177

https://www.imooc.com/wenda/detail/348889

https://www.imooc.com/wenda/detail/345150

https://www.imooc.com/wenda/detail/351229

https://www.imooc.com/wenda/detail/342279

https://www.imooc.com/wenda/detail/386187

https://www.imooc.com/wenda/detail/352075

https://www.imooc.com/wenda/detail/356502

https://www.imooc.com/wenda/detail/389281

https://www.imooc.com/wenda/detail/356918

https://www.imooc.com/wenda/detail/386197

https://www.imooc.com/wenda/detail/394941

https://www.imooc.com/wenda/detail/382074

https://www.imooc.com/wenda/detail/389425

https://www.imooc.com/wenda/detail/395487

https://www.imooc.com/wenda/detail/356048

https://www.imooc.com/wenda/detail/382784

https://www.imooc.com/wenda/detail/385817

https://www.imooc.com/wenda/detail/384128

https://www.imooc.com/wenda/detail/385494

https://www.imooc.com/wenda/detail/388316

https://www.imooc.com/wenda/detail/383442

https://www.imooc.com/wenda/detail/355450

https://www.imooc.com/wenda/detail/342033

https://www.imooc.com/wenda/detail/387423

https://www.imooc.com/wenda/detail/362348

https://www.imooc.com/wenda/detail/383630

https://www.imooc.com/wenda/detail/387361

https://www.imooc.com/wenda/detail/410608

https://www.imooc.com/wenda/detail/377540

https://www.imooc.com/wenda/detail/388328

https://www.imooc.com/wenda/detail/385555

https://www.imooc.com/wenda/detail/363399

https://www.imooc.com/wenda/detail/356619

https://www.imooc.com/wenda/detail/383239

https://www.imooc.com/wenda/detail/377654

https://www.imooc.com/wenda/detail/362346

https://www.imooc.com/wenda/detail/417335

https://www.imooc.com/wenda/detail/356831

https://www.imooc.com/wenda/detail/387320

https://www.imooc.com/wenda/detail/384104

https://www.imooc.com/wenda/detail/383498

https://www.imooc.com/wenda/detail/385846

https://www.imooc.com/wenda/detail/546033

https://www.imooc.com/wenda/detail/356647

https://www.imooc.com/wenda/detail/381372

https://www.imooc.com/wenda/detail/390126

https://www.imooc.com/wenda/detail/381670

https://www.imooc.com/wenda/detail/385845

https://www.imooc.com/wenda/detail/390690

https://www.imooc.com/wenda/detail/362141

https://www.imooc.com/wenda/detail/342389

https://www.imooc.com/wenda/detail/339680

https://www.imooc.com/wenda/detail/383525

https://www.imooc.com/wenda/detail/394965

https://www.imooc.com/wenda/detail/390738

https://www.imooc.com/wenda/detail/459186

https://www.imooc.com/wenda/detail/382828

https://www.imooc.com/wenda/detail/356542

https://www.imooc.com/wenda/detail/377562

https://www.imooc.com/wenda/detail/350025

https://www.imooc.com/wenda/detail/352280

https://www.imooc.com/wenda/detail/381464

https://www.imooc.com/wenda/detail/363055

https://www.imooc.com/wenda/detail/356454

https://www.imooc.com/wenda/detail/339921

https://www.imooc.com/wenda/detail/385831

https://www.imooc.com/wenda/detail/408173

https://www.imooc.com/wenda/detail/385582

https://www.imooc.com/wenda/detail/332808

https://www.imooc.com/wenda/detail/353369

https://www.imooc.com/wenda/detail/390585

https://www.imooc.com/wenda/detail/362177

https://www.imooc.com/wenda/detail/344918

https://www.imooc.com/wenda/detail/356011

https://www.imooc.com/wenda/detail/350246

https://www.imooc.com/wenda/detail/362796

https://www.imooc.com/wenda/detail/363054

https://www.imooc.com/wenda/detail/395478

https://www.imooc.com/wenda/detail/352714

反对回复 2021-10-22

蜂之谷

TA贡献564条经验获得超863个赞

div{
    margin:0 auto;
    text-align:center;
}

反对回复 2016-10-25

qq_禁灭生_03414590
我书读的少，别骗我，这是什么意思？

回复 2016-10-25
蜂之谷
margin 不懂？

回复 2016-10-25
蜂之谷
额好吧

回复 2016-10-26

点击展开后面2条

3 回答
0 关注
1422 浏览

关注

居中的问题

居中的问题

3 回答

相关问题推荐

添加回答

热搜

最近搜索清空

居中的问题

居中的问题

3 回答

相关问题推荐

添加回答