html 如何让一个块级元素居中 - 疯狂的骑士 - ITeye博客

`

zk1878

浏览: 570475 次
性别:
来自: 深圳

最近访客更多访客>>

diannao720

health600

壹亻憔悴

tonypanye

博主相关

博客

微博

相册

收藏

留言

关于我

文章分类

社区版块

存档分类

最新评论

springmvc-freemarker：可以参考最新的文档：如何在eclipse jee中检出项目并转 ...
eclipse 配置maven web项目
zk1878： huzhenyu 写道楼主很用心，讲得十分清楚，非常实用！呵呵 ...
eclipse 配置maven web项目
huzhenyu：楼主很用心，讲得十分清楚，非常实用！
eclipse 配置maven web项目
宋建勇：不错，对CountDownLatch了解加深了！
java 多线程 CountDownLatch用法
zk1878：必须的。。。。
perl下载图片

html 如何让一个块级元素居中

博客分类：

html css

阅读更多

载自 http://www.aa25.cn/div_css/875.shtml

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>如何让一个块级元素水平居中</title>
<style type="text/css">

#layout {
background-color: #CCCCCC;

height: 240px;
width:80%;
margin:0 auto;
}

</style>
</head>
<body>
<div id="layout">此处显示 id "layout" 的内容</div>
</body>
</html>

注意:以上必须加入 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
声明，才可以居中

分享到：

struts2 常用的一些东西 | html css中的一些元素的默认属性

2011-08-14 11:47
浏览 1967
评论(0)
分类:Web前端
查看更多

评论

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

04_文本相关属性_行级块级元素内容居中问题.html: 04_文本相关属性_行级块级元素内容居中问题.html

块级元素的三种垂直水平居中的方法: 直奔主题在这里提供三种块级元素垂直水平居中的方法 flex（子级宽高可固定也可不固定，随意）定位+margin（固定子级的宽高，margin-top,margin-left取自身一半的负值）定位+transform（不固定子级的宽高） flex...

关于css 行元素和块元素相互转换居中: 一、块级元素行内元素 div、h1 或 p 元素常常被称为块级元素。这意味着这些元素显示为一块内容，即“块框”。与之相反，span 和 strong 等元素称为“行内元素”，这是因为它们的内容显示在行中，即“行内框”。您...

企业网站开发技术实验文档: 实验三：CSS --- 基本的颜色表示（英文单词表示、rgb、16进制）、a标签伪类、盒模型、块级元素页面水平居中、行内元素水平居中、行内元素垂直居中实验四：CSS --- 标准文档流的特性、块级元素和行内元素的特性

懒人原生块级区域内元素上下左右垂直居中方法.zip: 有兴趣刚需的可以自己下载，非常实用的特效代码，可以完美运行，有能力的还可以二次修改！

CSS的各种居中——如何书写高质量代码: CSS的居中有水平居中和垂直居中，这两种居中又分为行内元素居中和块级元素居中，不同的居中用不同方法。水平居中 1、行内元素水平居中（文本，图片）给父层设置 text-align:center; 可以实现行内元素水平居中。 ...

Web前端与移动开发之复合选择器 css元素显示模式背景属性.txt: ④是一个容器及盒子里面看可以放行内或块级元素 ⑤文字类的元素如p h1-h6里面不能放块级元素尤其是div （2）行内元素 a strong b em i del s ins u span ①相邻行内元素在一行上，一行可以显示多个 ②宽高直接...

使用display:inline-block居中没有宽度的元素: 在一个元素内居中另一个元素有时候会很困难.对于常规，静态定位的元素，可以让他向左或向右浮动，或者使用text-align属性让他在父元素内居左，居中或居右.还可以利用自动外边距(margin:0 auto;)来居中元素.这些方法...

div垂直居中-CSS元素垂直居中方法的探究: 针对学员疑问“div垂直居中？”引出的“CSS元素垂直居中一系列方法的探究”的针对性课程，课程包含两方面：1、文本垂直居中的解决方案；2、块级元素垂直居中的解决方案。

HTML5常用标签: 1）块级元素独占一行，行内元素在同一行显示 2）块级元素默认宽度为100%，行内元素由内容撑开 3.段落双标记，块级元素有align属性 4.图片 img src 路径必须属性相对路径同一等级直接书写下一级 / 上一级 …...

CSS3实现水平居中、垂直居中、水平垂直居中的实例代码: 作为一个前端小猴子，不管是面试的时候还是工作中，我们都会或多或少的遇到“使用css居中”的效果，今天就写一篇关于css垂直水平居中的几种方法。栗子1：从最简单的水平居中开始 margin: 0 auto; 块级元素使用...

html+css面试题答案.docx: 垂直水平居中是 CSS 中一个常见的问题，实现方法有很多种，以下是一种简单的实现方法： HTML 结构：<div class="wrapper"> <div class="content"></div> CSS：.wrapper{position:relative;}.content{background-...

【269页】前端大厂面试题宝典.pdf: 在_css_中，让一个元素水平垂直居中有多种方案。对于行内元素，可以使用 text-align: center; 对于确定宽度的块级元素，可以使用 width 和 margin 实现，或者使用绝对定位和 margin-left: -width/2, 前提是父元素 ...

vue2学习文档(1).doc: 盒子模型是 CSS 中的一个基本概念，指的是 HTML 元素在页面上的布局方式。它由四个部分组成：margin（外边距）、border（边框）、padding（内边距）和 content area（内容区域）。理解盒子模型对于写出正确的 CSS ...

html入门到放弃笔记: WEB页面，简称WEB页(网页)，就是保存在服务器端上的一个具体的页面( **.html / **.htm 作为结尾的文件) 2、WEB浏览器 1、功能 1、提交用户请求 (UA : User Agent) 2、作为HTML 以及脚本执行的解释器 3、以...

CSS里的各种水平垂直居中基础写法心得总结: 介绍一下行内元素和块级元素，这个很重要，因为有的属性只能用于块元素，而有的正好相反，在一定的情况下，它们也可以相互转换，比如用display来进行设置。行内元素（又叫内联元素inline element）: ①不占据一整行...

CSS文本和div垂直居中方法总结: 在样式布局中，我们经常碰到需要将元素居中。通过css实现元素的水平居中较为简单：对文本，只需要对其父级元素设置text-align: center;，而对div等块级元素，只需要设置其left和right的margin值为auto。要实现元素的...

css两种垂直居中对齐解决方案(小结): 第一种垂直居中方法 ...下方是完整代码，可以新建一个HTML文件进行测试(绿色的盒子)： <html> <head> <title>导航条</title> <meta charset=utf-8 /> </head> <style> *{

全面理解line-height与vertical-align: 前面的话　line-height、font-size...行高line-height实际上只影响行内元素和其他行内内容，而不会直接影响块级元素，也可以为一个块级元素设置line-height，但这个值只是应用到块级元素的内联内容时才会有影响。在块

Global site tag (gtag.js) - Google Analytics