Question

我正试图在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" />

但这仅仅给我一个语法错误，我该如何解决这个问题呢？感谢

Answer 1

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

并使用

div.center {

而不是

img.center {

你的php语法是否正确，是来自php的语法错误？

Answer 2

这看起来像一个CSS问题

在你的css中试试margin:0 auto

Answer 3

您的代码中存在PHP错误，与HTML / CSS无关。

您确定要将所有代码放在正确的位置吗？即CSS应该放在外部样式表中，或放在HTML中的<style type="text/css">和</style>之间。

将PHP代码块放在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...

Answer 4

这是居中图像的工作示例。看看你的想法： - ）

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

Answer 5

将此代码添加到您的css：

div img.center {
    margin:0 auto;
}

居中图像php

5 个答案: