【问题标题】:How to keep images from wrapping?如何防止图像换行?
【发布时间】:2016-02-17 20:06:36
【问题描述】:

我需要防止一组图像换行。

我希望下面的 css 可以做到这一点,但它仍然无法正常工作。

img {
    display: inline;
    vertical-align: top;
    float: none;
}

这是演示:http://plnkr.co/edit/BwM8SuOpV49MuxXSnfP6?p=preview

有没有办法做到这一点?

谢谢!

-- 编辑--

这是一个更好的例子:http://plnkr.co/edit/WwIh6EoHcpHO18Ln06Td?p=preview

这显示了一个句子(每个字符都呈现为图像)被包裹在错误的位置。是否可以为每张图片设置一个 css nowrap 值?

【问题讨论】:

    标签: css image css-float word-wrap


    【解决方案1】:

    ...好吧,想通了:解决方案是将每个单词包装在一个内联块跨度中

    【讨论】:

      【解决方案2】:

      CSS 清除属性


      http://www.w3schools.com/cssref/pr_class_clear.asp
      clear: none|left|right|both|initial|inherit;
      

      【讨论】:

        猜你喜欢
        • 1970-01-01
        • 2015-07-16
        • 1970-01-01
        • 1970-01-01
        • 2019-02-14
        • 1970-01-01
        • 2014-04-21
        • 1970-01-01
        • 1970-01-01
        相关资源
        最近更新 更多