使图像转到页面中心 - Go 编程语言 - Go 编程语言(1)

📌 相关文章

📜 使图像转到页面中心 - Go 编程语言 - Go 编程语言(1)

📅 最后修改于: 2023-12-03 15:36:26.031000 🧑 作者: Mango

使图像转到页面中心 - Go 编程语言

如果你想要让图像在页面中心呈现，可以使用以下步骤：

在 HTML 文件中设置图像的 CSS 属性，将其设置为绝对定位并使其水平和垂直居中。
通过 Go 编程语言将 HTML 文件呈现到网页上。

以下是一个示例程序，它可以让一个名为 “example.jpg” 的图像转到页面中心。

package main

import (
	"fmt"
	"log"
	"net/http"
)

func main() {
	http.HandleFunc("/", func(w http.ResponseWriter, r *http.Request) {
		fmt.Fprintf(w, `
			<html>
			  <head>
			    <style>
			      .center {
			        position: absolute;
			        top: 50%;
			        left: 50%;
			        transform: translate(-50%, -50%);
			      }
			    </style>
			  </head>
			  <body>
			    <img class="center" src="example.jpg" />
			  </body>
			</html>
		`)
	})

	log.Fatal(http.ListenAndServe(":8080", nil))
}

以上程序中，首先设置了一个 HTTP 处理器，当 URL 为 “/” 时会呈现一个 HTML 页面，其中图像被设置为水平和垂直居中。

以上是一个用 Go 语言编写的简单程序，它可以将一个名为 “example.jpg” 的图像设置为水平和垂直居中，使其位于页面的中心。