css div 将div设置成position:absolute,宽度不定,如何居中呢_百度知 ...

发布网友 发布时间：2022-04-23 07:54

我来回答

共5个回答

热心网友 时间：2022-04-20 20:02

可以使用css的margin标签实现宽度不定，居中显示。

具体步骤如下：

需要准备的材料分别是：电脑、浏览器、ultraedit。

1、在ue编辑器中新建一个空白的html文件，css文件。

2、在ue编辑器中输入以下html代码。

3、在ue编辑器中输入以下css代码。

4、编辑完成以后，在ue编辑器中点击保存，格式选择UTF8无BOM。

5、在浏览器中打开此html文件，可以看到最终想要实现的宽度不定，水平居中显示效果。

热心网友 时间：2022-04-20 21:20

需要准备的材料分别有：电脑、浏览器、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根据不确定的宽度居中了。

热心网友 时间：2022-04-20 22:54

这个需要用到js才可以实现宽度不定的情况，也能实现居中

1、设置div的选择器为center01 ,代码如下

2、js获取div 元素，并且计算元素的宽度（jquery获取元素宽度）

3、jquery设置元素的margin-left的一半的值

结果如下：

热心网友 时间：2022-04-21 00:46

热心网友 时间：2022-04-21 03:10