Question

在我的网站上，我的图片下方有文字。文本宽度受其上方图像的100px宽度限制。我希望文本宽度与图像宽度无关。这是我的代码。

HTML：

<div class="col-md-3">
    <div class="customizing text-center">

    <span class="process-icon icustomize">&nbsp;</col>
        <h4>Customizing</h4>
        <p class="text-center">We create custom 
            there is random text here.</p>
        <a href="#" class="btn btn-default">Read More</a>
    </div>
</div>

的CSS：

.process-icon{

  display: inline-block;
  height: 100px;
  width: 100px;
  background: transparent url(img/process-sprite.png) no-repeat;
  background-position: top left;
}

Answer 1

您已设置宽度值，因此不是导致此问题的图像。正如评论中所述，您尚未正确关闭"<span>"标记。

添加

</span>

这将修复要在图像下方对齐的文本，然后在代码中更改以下内容。

    width: 100px;

    To

    width: 100%;   //can be whatever you need

FIDDLE

文字宽度受图像限制

1 个答案: