css – 如何显示带文本的内联?

前端之家收集整理的这篇文章主要介绍了css – 如何显示带文本的内联?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我想显示< div>元素内联,以便它被文本包围.

我的代码是:

<span>Here is some <div class="a"></div> text</span>

比方说,“a”类定义如下:

.a {
    width:20px;
    height:20px;
    background-color:#f00;
}

结果应该是这样的:

它可行吗?谢谢你的任何建议.

解决方法

有一个CSS属性显示:inline-block;但我不知道它与浏览器的兼容性(在我的FF中运行正常)

我会为你做一些快速测试.

更新

我已经在Chrome,FF和IE中测试过了.适用于IE8,而不是IE7. Chrome很好,就像FF一样

猜你在找的CSS相关文章