html - 对齐图像

标签 html css

在列表中对齐图像的最佳方式是什么。我正在尝试类似的东西,我希望他们看到彼此垂直对齐,但文本有点环绕图像。

  • 正文
  • 图片
  • 正文

最佳答案

只需使用 float left,就可以了 代码会像这样

HTML:

  • > 在这打字
  • <li>
       <img src="" />
        text here
    </li>
    </ul>
    

    对于 CSS:

    li img {float:left; vertical-align: top;}
    
  • 抱歉我打字不好,我还在学习如何在这里输入代码..
  • 如果代码仍然不清楚,请通知我,我会将我的完整代码上传到我的主机。
  • 如果给出垂直对齐,使元素符号编号位于图像的上方

关于html - 对齐图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3681801/

相关文章:

html - 为什么内容比div大?

javascript - Knockout js隐藏图片div

html - 保存并刷新所有内容后不会发生任何变化

javascript - 使用 GULP 将一些 html 代码更改为另一个

javascript - 如何将 dataurl 转换回图像并显示在 Canvas 上

html - 如何使背景图像看起来成比例?

jquery - 多个复选框和 Jquery

jquery - 取消选择时将输入字段更改为纯文本

javascript - extjs 中的链接按钮

javascript - Bootstrap 3 - 在特定 div 上放置自动加载模式