Как выровнять текст и изображение с помощью тега привязки - PullRequest
Новая
       2

Как выровнять текст и изображение с помощью тега привязки

1 голос
/ 01 июля 2011

Это пример кода, в котором я пытаюсь расположить текст под изображением в привязке. У меня проблемы, если в html-файле больше элементов, а в браузере свернуто изображение, а текст пропущен с выравниванием

output -Text, а изображение и текст под изображением должны быть выровнены по центру, и они должны оставаться выровненными, даже если браузер свернут. 

<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>

Ответы [ 2 ]

0 голосов
/ 01 июля 2011

Вам нужно исправить свой HTML и свой CSS.

В вашем CSS ваши правила стиля объединены и не работают должным образом. В вашем HTML есть хотя бы один div, неправильно закрытый.

Кроме того, в вашем CSS вы не должны размещать img absolutely. Это может способствовать вашим проблемам.

Я упростил ваш 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 голосов
/ 01 июля 2011

Ваша ширина, отступы и поля должны быть в пикселях.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...