Question

我正试图将图像置于链接中心：

<a href="URL">
   <img class="my_class" src="SRC" />
</a>

css看起来像：

.my_class
{
  position:relative;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

我的问题是，可以在特定高度的页面的整个宽度上按下链接，而不仅仅是在我的图像上。此外，我的应用程序需要同时使用两个方向：dir:"rtl"和dir:"ltr"

Answer 1

喜欢这个

<强> DEMO

<强> HTML

<a href="URL" class="my_class">
   <img src="SRC" />
</a>

<强> CSS

a {
    text-align:center;
}
.my_class {
  position:relative;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

<强> DEMO1

<强> CSS

   iframe, body{
    margin:0;
    padding:0;
    text-align:center;
}

Answer 2

你的意思是this?

只需添加width和height属性。

width: 200px; height: 150px; /*Example*/

Answer 3

我宁愿将它包装在像这样的容器中：

<div class="my_class"><a href="#"><img src="src.png" /></a></div>

my_class的CSS将保持不变。

Answer 4

a {
   text-align: center; 
}

删除此：位置：相对; 显示：块; margin-left：auto; margin-right：auto;

Answer 5

我认为左右两侧有很多填充可以解决你的问题

像

a{
width:1000px;
background:red;
padding:10px 250px 10px 250px;
}