width的auto

wtcsy 2008-12-23 10:43:06

<div style=" height:24px; background-image:url(1.gif); background-position:5px 4px; background-repeat: no-repeat; background-color:#FFF2E9; width:50px; padding:0px 5px 0px 22px; line-height:24px; vertical-align:middle; border:1px solid #FF6600;">wwwffffffffffw</div>

大概就是我希望div的宽度是随着div里面的内容变化而变化的我把width设置成auto却发现不行郁闷
应该怎么修改里面的内容随内容的变化变化 (ff下一定要兼容.....)

...全文

92 8 打赏收藏转发到动态举报

写回复

用AI写文章

8 条回复

切换为时间正序

请发表友善的回复…

发表回复

wtcsy 2008-12-24

打赏
举报

非常感谢
圣诞快乐

yingranspace 2008-12-24

打赏
举报



<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>测试</title>

	<style type="text/css">

		div{display:inline-block;}

		div{*display:inline;}

	</style>

</head>



<body>

	<div style="height:54px; background-image:url(1.gif); background-position:5px 4px; background-repeat: no-repeat; background-color:#FFF2E9; padding:0px 5px 0px 22px; line-height:24px; vertical-align:middle; border:1px solid #FF6600;">ww33333wffffffffffw</div>

</body>

</html>

对于非IE浏览器，使用display:inline-block就可以了，但IE烂，没办法，要在设置display:inline-block后再设置display:inline处理一下，注意要分为两次设置，并且让它只对IE起作用。
如果没理解错题意的话，应该是你要的效果吧。
顺祝各位圣诞快乐！

wtcsy 2008-12-24

打赏
举报

用纯div+css的方法控制噢
加表格 js 这个都不是好方法噢

街头小贩 2008-12-24

打赏
举报

1.在div中套一个表格(td的宽度决定div的宽度)
2.用js事件处理

wtcsy 2008-12-23

打赏
举报

<div style=" height:40px; background-image:url(1.gif); background-position:5px 4px; background-repeat: no-repeat; background-color:#FFF2E9; padding:0px 5px 0px 22px; line-height:24px; vertical-align:middle; border:1px solid #FF6600; display: inline">wwwffffffffffw</div>

加上display: inline后可以控制了
但是ff下div的高度却不能控制了郁闷
这个该怎么解决了???

wtcsy 2008-12-23