这种图片显示方式$image_data = base64_encode(file_get_contents($image)); echo "<img src='data:image/jpeg;base64,$image_data' alt='图片'>"; 修改图片为居中显示,以及设置大小。请问怎么修改请详细说明,请举例说明怎么使用
时间: 2024-03-23 22:43:36 浏览: 96
图片居中设置
要让图片居中显示,并设置图片大小,可以使用 CSS 属性 `margin` 和 `display`,以及 `width` 和 `height` 属性。以下是示例代码:
```css
img {
display: block; /* 将图片转换为块级元素 */
margin: 0 auto; /* 使用 margin 属性使图片水平居中 */
width: 300px; /* 设置图片宽度为 300 像素 */
height: auto; /* 高度自动调整 */
}
```
将上述 CSS 代码添加到页面的 `<style>` 标签或外部 CSS 文件中即可生效。这里的示例代码将图片的宽度设置为 300 像素,高度自动调整,也可以根据实际需要进行调整。下面是示例 HTML 代码:
```html
<div>
<?php
$image = 'example.jpg';
$image_data = base64_encode(file_get_contents($image));
echo "<img src='data:image/jpeg;base64,$image_data' alt='图片'>";
?>
</div>
```
将上述 HTML 代码添加到页面中即可显示图片。注意,这里的图片文件名为 example.jpg,需要替换为实际文件名。
阅读全文