为什么IE下输入错位？firefox和chrome下没问题

发布于 2025-01-07 12:59:36 字数 1080 浏览 0 评论 0原文

为什么IE输入法错位？在 Firefox 和 Chrome 中没问题。输入不会出现在图像下方的右侧。由于我无法在这里发布图像，因此我将在代码和 css 中放置“xxx”而不是图像 url，并在注释中放置屏幕截图 url。多谢

<li class="img">
    <div class="pic">
        <img width="117px" height="70px" src="attachment/201202/21/1_1329785854VWAO.jpg.thumb.jpg">
        <div  class="remove" style="display: none;">
        </div>
    </div>
    <input type="text" placeholder="say something" value="" class="txt">
</li>

 li.img {
    background: none repeat scroll 0 0 #FFFFFF;
    height: 102px;
    overflow: visible;
    padding: 0 4px;
    position: relative;
    width: 117px;
}
li {
    float: left;
    margin-left: 10px;
}
li {
    list-style: none outside none;
}
.pic {
    margin-bottom: 5px;
    overflow: hidden;
}
.txt {
    border: 1px solid #DEDEDE;
    color: #999999;
    float: left;
    height: 20px;
    line-height: 20px;
    margin-left: 0;
    padding-left: 6px;
    width: 108px;
}

原文

why the input dislocated in IE? It's ok in Firefox and Chrome. The input does not appear to the right under the image. Since I can't post images here, I'll put "xxx" instead of the image url in the code and css and a screenshot url in the comment. Thanks a lot

<li class="img">
    <div class="pic">
        <img width="117px" height="70px" src="attachment/201202/21/1_1329785854VWAO.jpg.thumb.jpg">
        <div  class="remove" style="display: none;">
        </div>
    </div>
    <input type="text" placeholder="say something" value="" class="txt">
</li>

 li.img {
    background: none repeat scroll 0 0 #FFFFFF;
    height: 102px;
    overflow: visible;
    padding: 0 4px;
    position: relative;
    width: 117px;
}
li {
    float: left;
    margin-left: 10px;
}
li {
    list-style: none outside none;
}
.pic {
    margin-bottom: 5px;
    overflow: hidden;
}
.txt {
    border: 1px solid #DEDEDE;
    color: #999999;
    float: left;
    height: 20px;
    line-height: 20px;
    margin-left: 0;
    padding-left: 6px;
    width: 108px;
}

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

静赏你的温柔 2025-01-14 12:59:36

将文本输入框放在自己的div中，并使div向左浮动：

<li class="img">
    <div class="pic">
        <img width="117px" height="70px" src="attachment/201202/21/1_1329785854VWAO.jpg.thumb.jpg">
        <div  class="remove" style="display: none;">
        </div>
    </div>
    <div class="txt">
        <input type="text" placeholder="say something" value="" class="txt" >
    </div>
</li>

li.img {
    background: none repeat scroll 0 0 #FFFFFF;
    height: 102px;
    overflow: visible;
    padding: 0 4px;
    position: relative;
    width: 117px;
}
li {
    float: left;
    margin-left: 10px;
}
li {
    list-style: none outside none;
}
.pic {
    margin-bottom: 5px;
    overflow: hidden;
}
div.txt {
    float: left;
}
input.txt {
    border: 1px solid #DEDEDE;
    color: #999999;    
    height: 20px;
    line-height: 20px;
    margin-left: 0;
    padding-left: 6px;
    width: 108px;
}

Put the text input box in its own div and float the div to the left:

<li class="img">
    <div class="pic">
        <img width="117px" height="70px" src="attachment/201202/21/1_1329785854VWAO.jpg.thumb.jpg">
        <div  class="remove" style="display: none;">
        </div>
    </div>
    <div class="txt">
        <input type="text" placeholder="say something" value="" class="txt" >
    </div>
</li>

li.img {
    background: none repeat scroll 0 0 #FFFFFF;
    height: 102px;
    overflow: visible;
    padding: 0 4px;
    position: relative;
    width: 117px;
}
li {
    float: left;
    margin-left: 10px;
}
li {
    list-style: none outside none;
}
.pic {
    margin-bottom: 5px;
    overflow: hidden;
}
div.txt {
    float: left;
}
input.txt {
    border: 1px solid #DEDEDE;
    color: #999999;    
    height: 20px;
    line-height: 20px;
    margin-left: 0;
    padding-left: 6px;
    width: 108px;
}

回复收藏 0 原文

~没有更多了~