首頁猿問居中的問題

居中的問題

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個贊

http://www.xianlaiwan.cn/wenda/detail/349177

http://www.xianlaiwan.cn/wenda/detail/348889

http://www.xianlaiwan.cn/wenda/detail/345150

http://www.xianlaiwan.cn/wenda/detail/351229

http://www.xianlaiwan.cn/wenda/detail/342279

http://www.xianlaiwan.cn/wenda/detail/386187

http://www.xianlaiwan.cn/wenda/detail/352075

http://www.xianlaiwan.cn/wenda/detail/356502

http://www.xianlaiwan.cn/wenda/detail/389281

http://www.xianlaiwan.cn/wenda/detail/356918

http://www.xianlaiwan.cn/wenda/detail/386197

http://www.xianlaiwan.cn/wenda/detail/394941

http://www.xianlaiwan.cn/wenda/detail/382074

http://www.xianlaiwan.cn/wenda/detail/389425

http://www.xianlaiwan.cn/wenda/detail/395487

http://www.xianlaiwan.cn/wenda/detail/356048

http://www.xianlaiwan.cn/wenda/detail/382784

http://www.xianlaiwan.cn/wenda/detail/385817

http://www.xianlaiwan.cn/wenda/detail/384128

http://www.xianlaiwan.cn/wenda/detail/385494

http://www.xianlaiwan.cn/wenda/detail/388316

http://www.xianlaiwan.cn/wenda/detail/383442

http://www.xianlaiwan.cn/wenda/detail/355450

http://www.xianlaiwan.cn/wenda/detail/342033

http://www.xianlaiwan.cn/wenda/detail/387423

http://www.xianlaiwan.cn/wenda/detail/362348

http://www.xianlaiwan.cn/wenda/detail/383630

http://www.xianlaiwan.cn/wenda/detail/387361

http://www.xianlaiwan.cn/wenda/detail/410608

http://www.xianlaiwan.cn/wenda/detail/377540

http://www.xianlaiwan.cn/wenda/detail/388328

http://www.xianlaiwan.cn/wenda/detail/385555

http://www.xianlaiwan.cn/wenda/detail/363399

http://www.xianlaiwan.cn/wenda/detail/356619

http://www.xianlaiwan.cn/wenda/detail/383239

http://www.xianlaiwan.cn/wenda/detail/377654

http://www.xianlaiwan.cn/wenda/detail/362346

http://www.xianlaiwan.cn/wenda/detail/417335

http://www.xianlaiwan.cn/wenda/detail/356831

http://www.xianlaiwan.cn/wenda/detail/387320

http://www.xianlaiwan.cn/wenda/detail/384104

http://www.xianlaiwan.cn/wenda/detail/383498

http://www.xianlaiwan.cn/wenda/detail/385846

http://www.xianlaiwan.cn/wenda/detail/546033

http://www.xianlaiwan.cn/wenda/detail/356647

http://www.xianlaiwan.cn/wenda/detail/381372

http://www.xianlaiwan.cn/wenda/detail/390126

http://www.xianlaiwan.cn/wenda/detail/381670

http://www.xianlaiwan.cn/wenda/detail/385845

http://www.xianlaiwan.cn/wenda/detail/390690

http://www.xianlaiwan.cn/wenda/detail/362141

http://www.xianlaiwan.cn/wenda/detail/342389

http://www.xianlaiwan.cn/wenda/detail/339680

http://www.xianlaiwan.cn/wenda/detail/383525

http://www.xianlaiwan.cn/wenda/detail/394965

http://www.xianlaiwan.cn/wenda/detail/390738

http://www.xianlaiwan.cn/wenda/detail/459186

http://www.xianlaiwan.cn/wenda/detail/382828

http://www.xianlaiwan.cn/wenda/detail/356542

http://www.xianlaiwan.cn/wenda/detail/377562

http://www.xianlaiwan.cn/wenda/detail/350025

http://www.xianlaiwan.cn/wenda/detail/352280

http://www.xianlaiwan.cn/wenda/detail/381464

http://www.xianlaiwan.cn/wenda/detail/363055

http://www.xianlaiwan.cn/wenda/detail/356454

http://www.xianlaiwan.cn/wenda/detail/339921

http://www.xianlaiwan.cn/wenda/detail/385831

http://www.xianlaiwan.cn/wenda/detail/408173

http://www.xianlaiwan.cn/wenda/detail/385582

http://www.xianlaiwan.cn/wenda/detail/332808

http://www.xianlaiwan.cn/wenda/detail/353369

http://www.xianlaiwan.cn/wenda/detail/390585

http://www.xianlaiwan.cn/wenda/detail/362177

http://www.xianlaiwan.cn/wenda/detail/344918

http://www.xianlaiwan.cn/wenda/detail/356011

http://www.xianlaiwan.cn/wenda/detail/350246

http://www.xianlaiwan.cn/wenda/detail/362796

http://www.xianlaiwan.cn/wenda/detail/363054

http://www.xianlaiwan.cn/wenda/detail/395478

http://www.xianlaiwan.cn/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 關注
1555 瀏覽

關注

亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

居中的問題

居中的問題

3 回答

相關問題推薦

添加回答

亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

熱搜

最近搜索清空

居中的問題

居中的問題

3 回答

相關問題推薦

添加回答