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

top,bottom,left,right,都为0 margin:auto;

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

<div style='position:absolute;width:auto;left:50%'>66666</div>

声明声明:本网页内容为用户发布,旨在传播知识,不代表本网认同其观点,若有侵权等问题请及时与本网联系,我们将在第一时间删除处理。E-MAIL:11247931@qq.com