將 HTML5 SVG 與螢幕中央對齊
SVG 的全稱是可擴充套件向量圖形,它是一種描述 XML 中的 2D 圖形和圖形應用程式的語言,此後,SVG 瀏覽器會呈現 XML。
示例
讓我們看一個 SVG 示例 −
<!DOCTYPE html>
<html>
<head>
<style>
#svgelem {
position: relative;
left: 50%;
-webkit-transform: translateX(-20%);
-ms-transform: translateX(-20%);
transform: translateX(-20%);
}
</style>
<title>SVG</title>
<meta charset="utf-8" />
</head>
<body>
<h2>HTML5 SVG Circle</h2>
<svg id = "svgelem" height = "200" xmlns = "http://www.w3.org/2000/svg">
<circle id = "redcircle" cx = "50" cy = "50" r = "50" fill = "red" />
</svg>
</body>
</html>要將其居中,請像下面這樣新增 CSS −
# svgelem {
margin-left:auto;
margin-right:auto;
display:block;
}
廣告
資料結構
網路
RDBMS
作業系統
Java
iOS
HTML
CSS
安卓
Python
C 程式設計
C++
C#
MongoDB
MySQL
JavaScript
PHP