如何获取div的宽度

div中是在jsp中使用，用来设置区域上的效果，可以使用document对象来获得该div的id，进而得到该div所占据的宽度值，如下：

<div id="banner" style="width:100%">

js获取banner的宽度：documentgetElementById("banner")offsetWidth

可以通过width属性设置li中字段的宽度根据实际长度显示宽度。在li的样式中加上width:auto;就可以实现了；现在来看下面一段代码：

CSS样式设置：

#info_main{text-align:center; border:1px solid

#CCC;width:620px;}

#info_main li{width:auto;float:left;margin:0px 8px;

padding:0px;border:1px solid #CCC;}

网页代码：

<div

id="info_main">

<ul>

<li>时间：{dede:field name='pubdate'

function='strftime("%Y-%m-%d %H:%M","@me")'

/}</li>

<li>来源：{dede:fieldsource/}</li>

<li>作者:{dede:fieldwriter/}</li>

<li>点击:<script

src="{dede:field

name='phpurl'/}/countphpview=yes&aid={dede:field

name='id'/}&mid={dede:field name='mid'/}"

type='text/javascript'

language="javascript"></script>次</li>

</ul>

</div>

显示效果如下图：

以上就是关于如何获取div的宽度全部的内容，包括:如何获取div的宽度、css如何设置li的宽度、等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！