文章/答案/技术大牛

发布

问<br />在i.e.中不起作用
EN

Stack Overflow用户

提问于 2011-12-10 06:07:08

回答 2查看 6.6K关注 0票数 0

我的代码在火狐(TEXT2之上的TEXT1)和chrome中运行得很好，但在is浏览器中就不行了。这是我的code.Note，TEXT1 &TEXT2替换了我原始代码中的其他html元素，只是使用了文本来简化代码。谢谢。

    <div style="float:left;">
     <span class="line-1">
      TEXT1
     </span><br />
     <span class="line-2">
     TEXT2
     </span>
     </div>

css

    .line-1{
    margin:3px; 
    padding:5px;    
    background:#F0F2F5; 
    float:left;
   -moz-border-radius:3px;
   -webkit-border-radius:3px;
    border-radius:3px;
    border-left:solid #B6BBC3 1px;
    border-right:solid #B6BBC3 1px;
    border-top:solid #B6BBC3 1px;
    border-bottom:solid #B6BBC3 1px;
    width:220px;
   -moz-box-shadow: 0px 4px 1px #F0F2F5;
   -webkit-box-shadow: 0px 4px 1px #F0F2F5;
    box-shadow: 0px 4px 1px #F0F2F5;}

    .line-2{
     color:#808080;
     font-size:11px;}

css

cross-browser

html

回答 2

Stack Overflow用户

回答已采纳

发布于 2011-12-10 06:09:47

用display: inline-block;替换clear: both;

另外，您是否声明了一个文档类型？doctype告诉浏览器您正在使用的HTML的版本，以便浏览器可以正确地呈现它。

在页面的顶部(在<html>标记的上方)放置：

<!DOCTYPE html>

这使用了HTML，它允许非常灵活的HTML5代码，并有望使您的页面正确显示。

在HTML5中，您可以用许多不同的方式编写标记。

<br>是有效的，<br />也是有效的。HTML5的一个新特性是，对于空的div，您可以实际使用<div id="emptyDiv" />或<div id="emptyDiv"></div>

您也可以验证您的HTML标记。

是一项免费服务，允许您上传代码或链接，然后对其运行验证，并打印错误/警告。其中一些警告有点神秘，特别是对于HTML初学者来说，但如果你有一些警告/错误，任何值得使用的浏览器都会“弄清楚”并正确地呈现HTML (称为Quirksmode)，那么这并不是世界末日。其中一些验证器比它们应该使用的更容易混淆/更复杂，所以您必须找到您最喜欢的验证器并坚持使用它。

票数 6

Stack Overflow用户

发布于 2011-12-10 06:16:40

如果你想让.line1在float:left;上运行，为什么TEXT1还要有TEXT2？对我来说这是个问题。否则，.line2需要应用clear: both;或其他应用程序。

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/8452309

复制

相似问题

问<br />在i.e.中不起作用
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问<br />在i.e.中不起作用EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问<br />在i.e.中不起作用
EN