Центрирование изображений php - PullRequest
Новая
       8

Центрирование изображений php

0 голосов
/ 11 марта 2010

Я пытаюсь центрировать изображение в php. В настоящее время я использую эту строку кода 

echo '<img src="newimage.jpg" width="110" height="120" class="centre">';

Однако, похоже, это не имеет никакого эффекта. Я также пытался использовать что-то вроде этого, 

img.center {

 display: block;

 margin-left: auto;

 margin-right: auto;

}
<img src="newimage.jpg" alt="Suni" class="center" />

но это просто дает мне синтаксическую ошибку, как мне исправить это? Спасибо

Ответы [ 5 ]

1 голос
/ 11 марта 2010 
echo '<div class="center"><img src="newimage.jpg" width="110" height="120"></div>';

и используйте 

div.center {

вместо 

img.center {

Ваш синтаксис php правильный, синтаксическая ошибка исходит от php?

0 голосов
/ 20 сентября 2017

Добавьте этот код к вашему CSS: 

div img.center {
    margin:0 auto;
}
0 голосов
/ 11 марта 2010

Это рабочий пример центрированного изображения. Посмотрите, что вы думаете: -) 

<html>
<head>
<title>Test</title>

<style type="text/css">
.myImage
{
    margin: auto;
    display: block; 
}
</style>

</head>
<body>
    <img src="http://sstatic.net/so/img/logo.png" alt="My Image" class="myImage"/>
</body>
</html>
0 голосов
/ 11 марта 2010

В вашем коде ошибка PHP, не связанная с HTML / CSS.

Вы уверены, что помещаете все кусочки кода в правильные места? то есть CSS должен идти во внешней таблице стилей или между <style type="text/css"> и </style> в вашем HTML.

Как правило, лучше также размещать куски HTML-кода вне разделов PHP. Примерно так: 

<?php
//some php code
?>

<style type="text/css">
img.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
</style>

<img src="newimage.jpg" alt="Suni" class="center" />

<?php //continue your PHP code here...
0 голосов
/ 11 марта 2010

Это выглядит как вопрос CSS

Попробуйте margin:0 auto в вашем CSS

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

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

...