为了账号安全,请及时绑定邮箱和手机立即绑定

方法二按字面意思先用display:inline后用text-alinh:center为何不能使div居中,还是要要引入ul列表才能用呢?

<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>不定宽块状元素水平居中</title>
<style>
.container{display:inline;}
.container{text-align:center;}
</style>
</head>
<body>
<div class="container">你好,我要居中</div>
</body>
</html>

正在回答

1 回答

删掉.container{display:inline;}就可以了。这里明明是定宽的啊。

或者,按照你的思路用display:inline把子元素变成行内元素,注意这里是子元素,而不是本身。这样就又回到定宽元素设置方法,在被设置inline元素的父元素用text-align:center实现居中

0 回复 有任何疑惑可以回复我~
#1

十分努力 提问者

试了一下,确如你说的,但是本质还是内容在div里居中了,元素宽度是100%,用margin:0; padding:0;命令改变父属性没有用,还是占100%宽度,这个不知道怎们弄
2019-05-27 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

方法二按字面意思先用display:inline后用text-alinh:center为何不能使div居中,还是要要引入ul列表才能用呢?

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信