`
沐刃青蛟
  • 浏览: 6953 次
  • 性别: Icon_minigender_1
社区版块
存档分类
最新评论

水平居中的三个例子

web 
阅读更多

这里给出三个水平居中的例子:

 

1.img标签的居中:

/*将内联的img改为块状或用一个div来存放img可实现img水平居中*/

display: block;

margin: 0 auto;

 

2.Ulli的居中

 

/*设置1.ul的上一级设为水平居中*/

text-align:center;

 

/*设置2.li设置为inline*/

display:inline;

 

3.divp标签的居中

 

1.div中的设置

display: inline-block;

 

2.p中的设置

text-align: center;

<!--EndFragment-->

 

分享到:
评论
1 楼 crazyZHZ 2015-09-15  
哎哟不错哦

相关推荐

    CSS实现悬停过渡动画三部曲

    如下就是三个超级简单的过渡的例子,可能只是几行代码,但是添加到Web应用程序中,却会让它增色不少。 如下是我们将在本教程中构建的代码项目设置在这个项目中,我们将把过渡效果应用到一个class为box的元素上面。...

    AS400 RLU编程wrod版

    第三章 设计一个报表 3.1 使用顺序行命令的规则 3.2 使用命令行命令的规则 3.3 使用CL命令的规则 3.4 修改编辑对话环境 SET命令 3.5 定位设计报表显示 3.6 设计报表显示中的取消行 3.7 显示设计报表显示中的取消行 ...

    IntroToProgramming:作业 1 - Chandni 完成的编程介绍

    给定一个数字 n,打印一个居中的三角形。 n=3 的示例:* 钻石 给定一个数字 n,打印一个居中的菱形。 n=3 的示例: 钻石名字 给定一个数字 n,用你的名字打印一个居中菱形代替中间线。 n=3 的示例: 账单 FizzBu...

    introductory_programming

    例子: * 画一条水平线给定一个数字 n,在一行上打印 n 个星号。 当 n=8 时的示例: 画一条垂直线给定一个数字 n,打印 n 行,每行一个星号 n=3 时的示例: * * * 画一个直角三角形给定一个数字 n,打印 n 行,每行...

    硕士生,博士生论文排版技巧方法

    设置好制表位后,把光标放在公式的前面,按一下Tab键,这样就在公式的前面插入了一个制表符,此时公式以居中制表位为中心居中对齐,再把光标移到公式和左括号之间,再按Tab键插入一个制表符,编号就跑到行末了。...

    JQuery&CSS;&CSS;+DIV实例大全.rar

    4.JS+CSS通用一个页面同时三个焦点图轮换效果完整实例 5.JS+CSS网页版模拟QQ登录框界面特效示例 6.JS+flash立柱广告代码仿百度MP3搜索右侧可伸缩的立柱广告效果 7.JS版本黑色超动感二级菜单导航模块代码 穿越...

    PT80-NEAT开发指南v1.1

    建立一个应用程序 ................................................................................................................................ 17 应用程序的关闭 .......................................

    Qt Creator 的安装和hello world 程序+其他程序的编写--不是一般的好

    三、Qt Creator 登录对话框(原创) 实现功能: 在弹出对话框中填写用户名和密码,按下登录按钮,如果用户名和密码均正确则 进入主窗口,如果有错则弹出警告对话框。 实现原理: 通过上节的多窗口原理实现由登录...

    Excel数据操纵-jar包-jxl.jar

    我相信在配置TOMCAT时也需要把相关的三个包放到这里面。)  基本操作  一、创建文件  拟生成一个名为“测试数据.xls”的Excel文件,其中第一个工作表被命名为“第一页”,大致效果如下:  代码(CreateXLS....

    通过java操作excel表格的工具类库jxl

    我相信在配置TOMCAT时也需要把相关的三个包放到这里面。  基本操作  一、创建文件  拟生成一个名为“测试数据.xls”的Excel文件,其中第一个工作表被命名为“第一页”,大致效果如下:  代码(CreateXLS.java)...

    excel的使用

    下面给出一个例子:选中一列,然后单击“格式”菜单中的“单元格”命令,在弹出的对话框中选择“数字”选项卡,在“分类”列表中选择“自定义”,然后在“类型”文本框中输入“"正数:"($#,##0.00);"负数:"($ #,##...

    grub4dos-V0.4.6a-2017-02-04更新

    注:w=0 表示水平居中。此时 w 应当在 x 之后; l=0 表示不显示菜单框; --help=[x]=[w]=[y] 项目帮助位置。单位:列,行。默认1行; 注:x=0 由边框确定(默认);w=0 水平居中; --keyhelp=[y_offset]=[color...

    C++MFC教程

    +-- 第三章 文档视结构 |------ 3.1 文档 视图 框架窗口间的关系和消息传送规律 |------ 3.2 接收用户输入 |------ 3.3 使用菜单 |------ 3.4 文档,视,框架之间相互作用 |------ 3.5 利用序列化进行文件读写 |----...

    C# for CSDN 乱七八糟的看不懂

    char 值是 一个 Unicode 字符 精确的小数类型, 具有 28 个有效数字 bool val1 = true; bool val2 = false; char val = 'h'; decimal val = bool char decimal DateTime ±1.0 × 10?28 ±7.9 × 10 28 到 1.23M;28-...

Global site tag (gtag.js) - Google Analytics