Question

当我将引导类"center-block"应用于图像时，它将其设置为显示：阻止并将左右边距设置为自动。这会将图像置于col-md-12范围内，但col-md-12的整个宽度现在都可以点击。只有图像应该是可点击的。这是一个jsfiddle，告诉你我的意思：

http://jsfiddle.net/vocL0a48/

      <div class="container">
          <div class="row">
              <div class="col-md-12">
                  <!--START MERCHANT:merchant name Kitbag Ltd from affiliatewindow.com.-->
                  <a href="http://www.awin1.com/cread.php?s=107075&v=686&q=66973&r=122617">
                      <img class="center-block" src="http://www.awin1.com/cshow.php?s=107075&v=686&q=66973&r=122617"
                          border="0">
                  </a>
                  <!--END MERCHANT:merchant name Kitbag Ltd from affiliatewindow.com-->

              </div>
              <!--col-md-12-->
          </div>
          <!--row-->
      </div>
      <!--container-->

Answer 1

它对我来说很好。只有图像可以点击。您现在使用的是哪种浏览器？

或者你可以像这样使用。而不是在父center-block

中使用text-center使用div

        <div class="container">
          <div class="row">
              <div class="col-md-12 text-center">
                  <!--START MERCHANT:merchant name Kitbag Ltd from affiliatewindow.com.-->
                  <a href="http://www.awin1.com/cread.php?s=107075&v=686&q=66973&r=122617">
                      <img src="http://www.awin1.com/cshow.php?s=107075&v=686&q=66973&r=122617"
                          border="0"></a>
                  <!--END MERCHANT:merchant name Kitbag Ltd from affiliatewindow.com-->

              </div>
              <!--col-md-12-->
          </div>
          <!--row-->
      </div>
      <!--container-->

如何使父链接元素与子图像的宽度相同？

1 个答案: