使用CSS将html5代码居中不起作用

弗兰克雷斯特
<!DOCTYPE html>
<html>
<head>
    <title>My first website</title>
    <meta charset="utf-8">
    <style type="text/css">
    div{
        margin:0 auto;
    }   
    </style>
</head>

<body>
    <div>
    <h1>My First Website</h1>
    <p> Welcome to my webiste! Here are some things I enjoy.</p>
    <ul>
        <li>Web Development</li>
        <li>Chess</li>
        <li>Reading</li>
        <li>Learning</li>
    </ul>
    <h2>Favorite Quotes</h2>
    <blockquote>
        <p>Here is a favorite quote of mine...</p><br>
        <p> ...and another"</p>   
    </blockquote>
    </div>
</body>

为什么这不起作用?我想将div中的所有内容都放置在页面的中心,当前它位于左侧。提前致谢。

莫非斯

您需要设置固定宽度,因为默认情况下div是100%width并且它居中,但是您看不到它:

div {
   margin:0 auto;
   width: 900px; /* or 80% */
} 

例子

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

使用JSF 2输出HTML5代码

来自分类Dev

HTML5表单验证的Javascript代码不起作用

来自分类Dev

HTML5表单验证的Javascript代码不起作用

来自分类Dev

CSS3 & HTML5 ; 过渡不起作用

来自分类Dev

流星:如何转换HTML / HTML5代码以与流星一起使用?

来自分类Dev

居中对齐html5视频在Safari中不起作用

来自分类Dev

ARMv4 / 5/6代码的哪些部分在ARMv7上不起作用?

来自分类Dev

ARMv4 / 5/6代码的哪些部分在ARMv7上不起作用?

来自分类Dev

HTML5视频代码中的Flash后备广告在Opera中不起作用

来自分类Dev

p.stdout.read()在我的Python 3代码中不起作用

来自分类Dev

实体框架6代码优先-必需的Enum数据类型不起作用

来自分类Dev

Sublime Text 2代码段在适当范围内不起作用

来自分类Dev

为什么setInterval()在我的ES6代码中不起作用?

来自分类Dev

PHP Discord OAUTH2代码示例不起作用

来自分类Dev

崇高文本3代码文件夹快捷键定义不起作用

来自分类Dev

实体框架6代码优先-必需的Enum数据类型不起作用

来自分类Dev

为什么setInterval()在我的ES6代码中不起作用?

来自分类Dev

我的puts函数在16位代码中不起作用

来自分类Dev

基于HTML5媒体查询的CSS链接不起作用

来自分类Dev

CSS内容:HTML5进度上的attr()不起作用

来自分类Dev

基于HTML5媒体查询的CSS链接不起作用

来自分类Dev

AngularJS,HTML5模式路由不起作用

来自分类Dev

自动播放HTML5视频不起作用

来自分类Dev

HTML5 Div样式不起作用

来自分类Dev

clearRect()在html5 canvas中不起作用

来自分类Dev

HTML5 Web Speech API在本地不起作用

来自分类Dev

HTML5视频控件不起作用

来自分类Dev

JSX React HTML5输入滑块不起作用

来自分类Dev

HTML5“图片”-标记不起作用

Related 相关文章

热门标签

归档