css - 向左浮动和 Safari iPhone 出现异常图像行为

标签 css html safari

我有一张图片,它从一些文本向左浮动:

        <ul class="row">
            <li class="col-sm-6">
                <img src="asset.svg" style="float:left;width:50px;height:50px;">
                <div>some text</div>
            </li>
            <...etc...>

附上我从中得到的结果(还有 .png): image resizing issue

图像的宽度似乎是由相邻的 div 决定的。任何人都知道为什么会发生这种情况以及如何最好地解决它?

最佳答案

第一步:用/> 正确关闭 IMG 标签。 其次,div some text 是否也有 float:left ? 例如,如果 li 的宽度为 200px,而 img 标签的宽度为 50px,则 div some text 的宽度应为 150px 和 float:left。

希望对你有用

关于css - 向左浮动和 Safari iPhone 出现异常图像行为,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35917297/

相关文章:

javascript - 按下按钮后,需要消失其他按钮折叠列表

html - 使用CSS在导航栏链接中插入背景图片

html - Safari 渲染谷歌字体海量

css - 我如何修复 IE 图像和列 flexbox 错误?

html - 如何更改 DropDown 样式并使其在不同浏览器中相同?

css - 这些颜色索引 CSS 媒体查询意味着什么?

iphone - 如果在 iPad 上查看,iOS 6 Smart Banner for Phone 应用程序会显示在网站上吗?

css - Foundation - 理解为什么注释掉不起作用

html - 显示表格单元格获得额外不需要的宽度

javascript - AJAX jQuery 卡住 IE/Safari