css 如何将文本和图像与锚标签对齐

50few1ms 于 2023-01-06 发布在其他

关注(0)|答案(2)|浏览(128)

这是一个示例代码，我尝试在锚中将文本放置在图像下方。如果html中有更多元素，并且浏览器最小化图像和文本时，我会遇到问题
output-“文本”、图像和图像下方的文本都应居中对齐，即使浏览器最小化，它们也应保持对齐。

<head>
  <style type="text/css">
    .cImg {
      width:100%; 
      text-align:center;
    }
    .cImga {
      display:block;
      margin-top:5%;
    }
    .cImgimg {
      position:absolute;
      top:10px;
      bottom:0px;
      right:48%     
    }
  </style>
</head>
<html>
<body>
  <div class="cImg">Text</duiv>
  <div class="cImg">
    <a >
      imageTag/Call us
    </a>
  </div>
</body>
</html>

css

来源：https://stackoverflow.com/questions/6551131/how-to-align-text-and-image-with-in-anchor-tag

2条答案

按热度按时间

tp5buhyn1#

宽度、填充和边距必须以像素为单位。

赞(0）回复(0）举报 2023-01-06

uxhixvfz2#

你需要修正你的HTML和CSS。
在您的CSS中，您的样式规则混合在一起，无法正常工作。您的HTML中至少有一个div没有正确关闭。
另外，在CSS中，不应该放置imgabsolutely，这可能会导致您的问题。
我已经简化了你的HTML和CSS。这应该工作。

<div class="cImg">
    Text<br />
    <a><img src-"" /><br />
        Call us</a>
</div>

.cImg {
   width:100%; 
   text-align:center;
 }
 .cImg a {
   display:block;
   margin-top:5%;
 }

http://jsfiddle.net/jasongennaro/B2nXe/

赞(0）回复(0）举报 2023-01-06

我来回答

css 如何将文本和图像与锚标签对齐

2条答案

相关问题

热门标签

最新问答