html - 物体不会移动-6ren

html - 物体不会移动

转载作者：行者123 更新时间：2023-11-28 08:02:15

24

4

我有两个菜单，我希望它们都居中。 “投资组合”菜单只出现在我的投资组合页面上，所以我希望“菜单栏”菜单位于它的下方，但它们都居中。无论我如何更改边距，“菜单栏”菜单都不会移动。怎么回事？

我是网页设计的新手，我的教授也是，所以我为我的代码的错误道歉哈哈。另外，如果有一种简单的方法可以使其余文本居中

<html>
<head>
    <title>Connor Lepert: Portfolio</title>
    <link rel="icon" href="logo.png">
    <style>
        @font-face {font-family: Vanadine; src: url(vanadine.ttf);}

        a {color: white; font-family: Vanadine; text-decoration: none;}
            a:hover {color: yellow;}
        p {color: white; font-family: Vanadine;}
        footer {font-family: sans-serif; margin-left: 45%; margin-right:45%;}
        body {color: white; background-color: #ABADB0}

        #siteid
        #menubar {position: absolute; margin-left: 400px; text-align: center; font-family: Vanadine;}
        #mediaicons {margin-left: 44.5%;}
        #portfolio {margin-left: 30%; margin-right: 30%}
        #header
    </style>
</head>

<body>

    <h1>
    <div id="portfolio">
        <a href="portfolio.html">Graphic Design</a>
        <a href="photovideo.html">Photography & Videography</a>
        <a href="music.html">Music</a>
    </div>
    </h1>

    <div id="menubar">
        <a href="index.html">Home</a>
        <a href="aboutme.html">About</a>
        <a href=>Contact</a>
        <a href="resume.html">Resume</a>
        <a href="portfolio.html">Portfolio</a>
        <a href="scrapyard.html">ScrapYard</a>
    </div>

    <div id="mediaicons">
    <a href=""><img src="instagram.png" width="30px"></a>
    <a href=""><img src="tumblr.png" width="30px"></a>
    <a href=""><img src="youtube.png" width="30px"></a>
    <a href=""><img src="soundcloud.png" width="30px"></a>
    </div>

    <object data="infographic.pdf" type="pdf" width="100%" height="1000px">
    <p>
        It appears you do not have a pdf plugin for this browser. Download the pdf <a href="infographic.pdf">here</a>.
    </p>
    </object>

    <object data="pagelayout.pdf" type="pdf" width="100%" height="1000px">
    <p>
        It appears you do not have a pdf plugin for this browser. Download the pdf <a href="pagelayout.pdf">here</a>.
    </p>
    </object>

    <br>

    <footer>©<a href=> 2015 by Connor Lepert </a></footer>
</body>
</html>

最佳答案

将左/右页边距设置为自动:

#portfolio { margin: 0 auto; }

关于html - 物体不会移动，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/29686776/

24

4

0

文章推荐： javascript - 如何使用 requirejs 来模块化这个片段？

文章推荐： c++ - 在此字符串操作代码中出现 out_of_range 错误

文章推荐： javascript - 文本字段没有 onClick() 事件(对于特定站点)

three.js实现相机碰撞，相机不穿墙壁、物体
大家好，本文实现了相机碰撞检测，使相机不穿墙壁、物体，并给出了思路和代码，感谢大家~ 关键词：数字孪生、three.js、Web3D、WebGL、相机碰撞、游戏相机我正在承接Web3D数字孪生项
lua - 拉伸(stretch)物体
我有一个大小为 12*30 的字符串的图像。我想创建一个动画，让它给人一种拉伸(stretch)字符串的感觉。我通过缩放图像来做到这一点，但我面临的问题是缩放图像没有发生碰撞。它仅出现在原始图像大小的
javascript - 同位素物体列表，物体 splinter
我的对象列表是如此初始化: $( function() { var $container = $('div.hikashop_products'); $container.isotop
java - 在其他物体前面 Swing 物体
我听说 swing 默认情况下是双缓冲的。我不想让 Swing 双缓冲。我正在使用双缓冲，我想添加一些 Swing 对象(现在只是添加到 JPanel 中的 JButton，然后再添加到 JFrame
c - 物体/形状/零件拟合
几天来我一直在思考最好的解决方案，但似乎无法找到正确的想法。我有一 block (物体)，我想将它们放入尽可能小的空间中。我最终寻找的是这样的东西 http://i.stack.imgur.com/
java - 如何组合 Box2d 物体？
我的纹理不仅仅是一个盒子或圆形，我的 body 需要与这个形状相同，所以我想结合多个 body 来达到我想要的形状，这甚至可能吗？或者有更好的方法吗？我正在使用带有 libgdx 框架的 java。
java - 容纳唯一编号的最小(尺寸)物体？
我遇到的情况是，我有很多计算机并且需要有唯一的 ID。他们会通过 API 请求发送其 uniqueId。该对象看起来像 class ID { long timestamp; int id; }
python - 检测嘈杂的背景/物体 - OpenCV
我正在尝试检测一张卡片，但问题是有时图像不好并且有多个背景，如下所示: 没有很好地定义边缘 ![没有很好地定义边缘][1] 示例背景 ![示例背景][2] 我这样做了: gray = cv2.cvtC
matlab - 物体(汽车)检测与分割
我正在尝试从仅包含一辆车和简单背景的图像中分割汽车，如但是我从我的实现中得到的是这个和分别但它非常容易处理几乎已经分割的图像，例如。给出类似的结果我使用的代码是 import cv2 i
javascript - 总是返回 false | Javascript |物体
我正在开发一个项目，在该项目中我从另一个对象/函数中引用一个变量。然而我总是返回 false。我不确定我是否正确调用它。这是验证函数: app.validation = function(){
javascript - Javascript 数组是原始数组吗？字符串？物体？
数组只是伪装的对象吗？为什么/为什么不呢？他们以什么方式(这样/不是)？我一直认为 JS 中的数组和对象本质上是相同的，主要是因为访问它们是相同的。 var obj = {'I': 'me'}; v
java - PlayN 用触摸板 throw 物体
我正在使用 PlayN 构建一个涉及石头的游戏，用户必须在物理世界中移动(通过重力等)。我希望用户能够使用触摸板直接操纵石头，并通过以下方式给它们一个速度拖拽并扔掷它们。现在我有一个实现，其中每个石
javascript - 为什么我的球(物体)没有缩小/消失？
http://jsfiddle.net/goldrunt/jGL84/42/这是来自这个 JS fiddle 的第 84 行。通过取消注释第 141-146 行，可以对球应用 3 种不同的效果。 'b
c++ - 如何在 3D 物体(如球体)上绘制文字
我学习Linux平台下的OpenGL。最近，我尝试使用 glutBitmapCharacter() 创建的文本作为 glu 或 glut 提供的一些二次对象的纹理。但是，glutBitmapChara
android - 如何在 AndEngine 中移除碰撞的 box2d 物体？
我正在使用 AndEngine 创建一个带有 box2d 扩展名的游戏。我想实现一个条件，当两个物体碰撞时，它们应该被移除或重生。最初我尝试使用 if(sprite1.collidesWith(spr
javascript - 3D Engine 在旋转时拉伸(stretch)物体
我制作了一个小型 3d 引擎。但我在旋转功能方面遇到了一些问题。它们使物体不时拉伸(stretch)。这是数学: this.rotateX = function(angle) { var c
javascript - 使用外部 mask 透明 fabricjs mask 物体
我在 Canvas 上制作了一个矩形 mask ，我需要 mask 外的任何东西都具有 0.8 的不透明度，因此 mask 外的所有对象都被视为不透明请看一下 fiddle 。 http://jsfi
c++ - 2D Sprite(背景)前面的 3D 物体，怎么样？
我是 Direct3D 的新手，我在一个项目中从网络摄像头拍照并在它前面绘制一些 3D 对象。我能够使用正交投影将网络摄像头图像渲染为背景。 //init matrix D3DXMatri

首页

博学

6Ren·AI

商城

html - 物体不会移动