Question

我的xhtml中的图片后面有一个链接。浏览器会自动在图像后面放置一个返回字符，以使链接位于图像下方。我希望链接在图像旁边。如何为此修改CSS / XHTML？

PHP生成它（示例代码）

  echo "<img class = \"c\" src=\"http:\/\/www.facebook.com\/favicon.ico\" alt=\"\"\/>";
  echo "<a name = \"a1\" class = \"b\" href = \"$ass_array[url]\">$ass_array[name]</a>";

CSS

img.c
  {
  display:??;
  }

a.b
  {
  color:#000088;
  padding-top:2px;
  padding-bottom:2px; 
  display:block;
  width:100%;
  border-bottom:1px solid #cccccc;
  }

Answer 1

请参阅： http://jsfiddle.net/thirtydot/vgnAa/

<强> CSS：

.c {
    display: block;
    float: left;
    margin-top: 4px;
    margin-right: 4px;
}
.b {
    color:#000088;
    padding-top:2px;
    padding-bottom:2px; 
    display:block;
    border-bottom:1px solid #cccccc;
    overflow: hidden;
}

Answer 2

浮动：左，浮动：右，取决于您希望链接到哪一侧。将它应用于两者，并确保在之后有一个明确的div。

这样你仍然可以显示：阻止.b。

Answer 3

“浮动：左;”两个元素都可以使用

如何使元素水平流动而不是垂直流动？

3 个答案: