可以使用css的margin标签实现宽度不定，居中显示。
具体步骤如下：
需要准备的材料分别是：电脑、浏览器、ultraedit。
1、在ue编辑器中新建一个空白的html文件，css文件。
2、在ue编辑器中输入以下html代码。
3、在ue编辑器中输入以下css代码。
4、编辑完成以后，在ue编辑器中点击保存，格式选择UTF8无BOM。
5、在浏览器中打开此html文件，可以看到最终想要实现的宽度不定，水平居中显示效果。
温馨提示：答案为网友推荐，仅供参考
第1个回答 2019-07-12
需要准备的材料分别有：电脑、浏览器、html编辑器。
1、首先，打开html编辑器，新建html文件，例如：index.html。
2、在index.html中的<script>标签中，输入js代码：
var left = ($(document).width() - $('div').width()) / 2;
$('div').css('left', left + 'px');
3、浏览器运行index.html页面，此时用position:absolute绝对位置定位的div根据不确定的宽度居中了。
第2个回答 2017-03-27
这个需要用到js才可以实现宽度不定的情况，也能实现居中
1、设置div的选择器为center01 ,代码如下
2、js获取div 元素，并且计算元素的宽度（jquery获取元素宽度）
3、jquery设置元素的margin-left的一半的值
结果如下：
第3个回答 2015-10-09
top，bottom，left，right，都为0 margin：auto；追问
<html>
<head>
<meta charset="utf-8">
<title></title>
<style>
body{
padding:0;
margin:0;
}
div{
width:100px;height:100px;
position: absolute;background: #0084C7;
left:0;right:0;
margin:auto;
}
</style>
</head>
<body>
<div>
</div>
</body>
</html>
不可以呀，只能垂直居中，不能水平居中。我想要水平居中。
追答上下左右都为0 再auto 是垂直水平都居中的
如果你只想水平的话
left:0;right:0;
margin:auto;
这样就可以了
还是不行
追答<!DOCTYPE html><html>
<head>
<meta charset="utf-8">
<title></title>
<style>
body{
padding:0;
margin:0;
}
div{
width:100px;height:100px;
position: absolute;background: #0084C7;
left:0;right:0;
margin:auto;
}
</style>
</head>
<body>
<div>
</div>
</body>
</html>
你的父元素是否设置了相对定位？
本回答被提问者采纳第4个回答 2020-12-18
Vue实践-CSS样式position/display/float属性对比使用
相似回答