小编War*_*gog的帖子

如何删除SVG周围的空白

我在一个简单的网页上显示了SVG，但是当我将图像调整大小超过一定大小（高度：〜65vh）时，SVG周围有一个不可见的空间，该空间使页面变大，并且滚动条下降，并且图像顶部也有很大的空白。我尝试减小SVG中的视图框大小，并在CSS中设置高度和宽度。这是带有以下代码和摘录的页面的外观：我只是希望SVG周围没有大边框，而只拥有用于控制尺寸的芯片。

.body {
  background-color: #660033;
}

Run Code Online (Sandbox Code Playgroud)

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <title>CPU Animation / joshstroup.me</title>
</head>

<body>
  <?xml version="1.0" encoding="utf-8" ?>
  <!-- Generator: Adobe Illustrator 19.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
  <svg style="height: 70vh; margin-top: 40vh; overflow: hidden" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="500 500 1000 1000" style="enable-background:new 0 0 2000 2000;"
  xml:space="preserve">
    <style type="text/css">
      .st0 {
        fill: rgba(255, 255, 255, 0);
      }
      .st1 {
        fill: #363636;
      }
      .st2 {
        fill: #FEFEFE; …

Run Code Online (Sandbox Code Playgroud)

html css svg

War*_*gog

2015 11-24

5
推荐指数

2
解决办法

5185
查看次数

标签统计

css ×1

html ×1

svg ×1

如何删除SVG周围的空白

标签 统计

小编War_gog的帖子

标签统计