css – 显示:inline重置高度和宽度

前端之家收集整理的这篇文章主要介绍了css – 显示:inline重置高度和宽度前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我在 http://jsfiddle.net/GKnkW/2/创建了例子

HTML

<!DOCTYPE html>
<html>
<head>
    <title>Test</title>
 </head>
<body>
      <div class="step">1</div>&nbsp;
      <div class="step">2</div>
      <br/><br/>
      <div class="step1">3</div>&nbsp;
      <div class="step1">4</div>
</body>
</html>

CSS

.step
{
    height:150px;
    width:150px;    
    background:yellow;
    display:inline;
}

.step1
{
    height:150px;
    width:150px;    
    background:yellow;
}

我想用原来的高度和宽度并排显示两个div(设置在css中)
一旦我添加显示:inline属性到css它似乎松动高度和宽度定义较早。 [检查#1和#2的div,似乎松动高度和宽度设置]

可能有一点针对我这个奇怪的行为似乎正在做的或解决方法错误

@H_502_15@

解决方法

内联对象不具有高度或宽度。你为什么要把它们设置为内置的呢?你可能想要浮动它们或使用inline-block。 @H_502_15@ @H_502_15@ 原文链接:https://www.f2er.com/css/218087.html

猜你在找的CSS相关文章