⑴ 用js写，当一个div display：inline的时候另一个div也display：inline，求大神

if(getElementById("div1").display=="inline")
{
		getElementById("div2").display="inline";
}

⑵ 请问在CSS中关于display:inline的理解

display:inline;就是将本来是块级的元素显示为内嵌的元素，比如div是一个块级元素，设置了display:inline之后，专就会跟其他属元素在同级显示了
例：
text1
<div>text2</div>
这里的text1跟text2是分开在两行显示的
而
text
<div style="display:inline;">text2</div>
这里的text1和text2则是在同一行显示的

⑶ css中display:inline-block

很多时候我们必须使一些块元素并排显示，一般想到的是必须使用浮动，但是块元素浮动给边距(margin)的时候在IE下会出现加倍的BUG，所以很多时候不得不把这个块元素套在一个内联元素里面，然后给内联元素浮动和边距。今天看到了怿飞、秦歌和乌龙茶关于display:inline-block的文章，很不错，综合一下，记录下来。

display:inline-block
简单来说就是将对象呈递为内联对象，但是对象的内容作为块对象呈递。旁边的内联对象会被呈递在同一行内，允许空格。但是这个属性目前不是所有的浏览器都支持，只有Opera和Safari支持，FireFox3和IE8据说将会支持，Firefox2和IE使用特殊办法可以实现这种效果，下面就来探讨一下

在Firefox2中有-moz-inline-stack和-moz-inline-box实现，但是这两个私有属性在某些情况下都会有异常，具体如下：
1、display:-moz-inline-stack
“当它所应用的外包装器（wrapper）的display为inline的时候，它所包含的a或button将无法点击或无法选取，需要通过position:relative还hack掉这个bug”--乌龙茶
2、display:-moz-inline-box
使用这一属性后，text-align就会出问题，必须使用Firefox的私有属性 -moz-box-align来解决
所以，建议不要使用-moz-inline-box，还是使用-moz-inline-stack

在IE（以下IE8除外）下，如果对内联元素，比如a或span元素，使用inline-block属性是有效的，似乎IE是支持的，其实是触发了IE的layout，从而拥有了inline-block属性的表症。这样我们就有了一种在IE下实现display:inline-block效果的两种方法：

1、先用display:inline-block属性触发块元素，然后再定义display:inline，让块元素呈递为内联对象（原理：这是IE的一个经典bug，如果先定义了display:inline-block，然后再设置display回inline或block，layout不会消失），代码如下：
div {display:inline-block;}
div {display:inline;}

2、直接让块元素设置为内联对象(display:inline)，然后通过zoom:1触发块元素的layout，代码如下：
div {display:inline; zoom:1;}

那么为了能够让所有浏览器支持display:inline-block，综合一下，最终的实现代码如下（参考怿飞：模拟兼容性的 inline-block 属性）：

display:inline-block; /*一方面Firefox3 beta、IE8 beta、Opera、Safari 支持，另一方面下触发IE下inline 元素的 hasLayout*/

display:-moz-inline-stack; /* Firefox 的私有属性，需要时还必须用到position:relative解决上面提到的bug */

zoom:1; /*同样是IE 下触发 hasLayout*/
*display:inline; /*一旦IE 下触发了 hasLayout，设置 block 元素为 inline 会使 display:inline 效果与 display:inline-block 相似*/

/*扩展一下一些其他可能用到的属性*/
text-indent:-9999px;
*text-indent:0;
font-size:0;
line-height:0; /* 如需隐藏文字，可用这四个属性 */
/*另外上面隐藏文字，还可以用更简化的方法：line-height:超级大值;font-size:0; */

overflow:hidden; /* 隐藏溢出的内容 */

vertical-align:middle; /* 行内垂直居中，针对 Opera 比较大的偏离 */

width:？px; /*？为任意非auto值*/
height:？px; /*？为任意非auto值*/

⑷ html中disy:inline什么作用

是display:inline;

通常用用法：

display:none;/*隐藏*/
display:block;/*块状显示*/
display:inline;/*行内专显示，内联属*/
display:table;/*表格形式*/
参考：http://www.hi-docs.com/css/display.html

⑸ css中内联元素（inline）与块状元素（block）的区别

最简单区分二来者的方法是自 inline不会独占一行 block会单独占用一行的空间

css中 width与height只对block有效 对inline无效

css中 margin与padding只对inline的左右生效 上下无效
二者转换可以用 display:inline display:block

⑹ CSS中的display: *inline和display: inline有什么区别

这两个写法没有太大的区别，是为了浏览器兼容性而写的。正如你所说得，前者是为了让回IE识别，而且是为了让答IE6和IE7来识别。
而后者的写法是浏览器都可以识别的。
至于其他用途没有了。这也叫css hack写法。
如果帮到你，请点赞！

⑺ css里面display:inline和style="display:none"

display:inline--默认。此元素会被显示为内联元素，元素前后没有换行符。
display:none--此元素不会被显示。

⑻ 前端 inline元素的特点，哪些元素属于inline元素

不能设置宽高啊，多个元素能够处于同一行，纵向的margin，padding设置无效等，具体去看HTML5学堂吧，都是前端干货。

⑼ div display:inline 不起作用，这么弄望大神指点

我帮你改了一下

<html >
<head>
<title>默认页</title>

</head>
<body >
<div style="background-color:#FFC8B4; width:1000px; height:500px; border:1px solid #FFC8B4;margin:20px auto;height:500px;">
<div style="background-color:#FF7744;width:1000px; height:75px;">
logo
</div>
<div style="background-color:#00DD77;width:1000px; height:75px;">
导航
</div>
<div style="background-color:#0088A8;width:300px; height:350px;">左</div>
<div style="background-color:#AAFFFF;width:700px; height:350px;display:inline;">

//这里的不起作用
<div style="background-color:#E63F00;width:300px; height:70px;float:left;">
右上
</div>
<div style="background-color:#AA0000;width:300px; height:70px;float:left;">
右下
</div>
</div>

</div>
</body>
</html>

主要改了这些地方

<div style="background-color:#E63F00;width:300px; height:70px;float:left;">
右上
</div>
<div style="background-color:#AA0000;width:300px; height:70px;float:left;">
右下
</div>

⑽ css中inline-block和inline有什么区别

这样先讲内联元素和块级元素：
内联元素是不可以控制宽和高、margin等；专并且在同一行显示，不属换行。
块级元素时可以控制宽和高、margin等，并且会换行。

inline：使用此属性后，元素会被显示为内联元素，元素则不会换行。
block：使用此属性后，元素会被现实为块级元素，元素会进行换行。
inline-block：是使元素以块级元素的形式呈现在行内。意思就是说，让这个元素显示在同一行不换行，但是又可以控制高度和宽度，这相当于内敛元素的增强。

要注意的是IE6 不支持inline-block