`
jianzong2000
  • 浏览: 54648 次
  • 性别: Icon_minigender_1
  • 来自: 南京
文章分类
社区版块
存档分类
最新评论

多个div一行,居中

 
阅读更多

 

<table align="center" style="text-align:center;">

<tr >

<td >

<div align="center" style="text-align:center">

<div style="float:left"><div style="background:#ABDCEA;color:#1C2327;font-weight: bold;padding: 4px 5px;line-height: 18px;">Owned Authority</div></div>

<div style="float:left">b</div>

<div style="float:left">c</div>

</div>

</td>

</tr>

</table>

或者使用

<div style="display:inline">,但这个div中套div的时还是会换行

或者使用

<table align="center" style="text-align:center;">

<tr >

<td >

<div align="center" style="text-align:center;">

<div style="display:table-cell">aaa</div>

<div style="display:table-cell"> b</div>

<div style="display:table-cell">c</div>

</div>

</td>

</tr>

</table>

http://www.zhangxinxu.com/wordpress/2010/10/%E6%88%91%E6%89%80%E7%9F%A5%E9%81%93%E7%9A%84%E5%87%A0%E7%A7%8Ddisplaytable-cell%E7%9A%84%E5%BA%94%E7%94%A8/

 

分享到:
评论

相关推荐

    CSS网页布局:div水平居中的各种方法

    在Web标准中的页面布局是使用Div配合CSS来实现的。这其中最常用到的就是使整个页面水平居中的效果,这是在页面布局中基本,也是最应该首先掌握的知识。...上面这段代码的意思是说使wrap这个div到左右两侧的距离自动

    div中内容上下居中小结

    虽然div中内容上下居中的问题已经是一个比较古老的话题,但是最近发现还是有很多前端开发者在询问如何实现。其实网络上已经有很多资料和案例了,我这里再总结一下几个比较常见的处理方式。 情形一:div限高,内容...

    精通CSS+DIV网页样式与布局视频教材

    5.2.5 添加多个背景图片 5.2.6 背景样式综合设置 5.3 背景综合一:我的个人主页 5.4 背景综合二:古词《念奴娇·赤壁怀古》 第6章 用CSS设置表格与表单的样式 6.1 控制表格 6.1.1 表格中的标记 ...

    利用css设置元素垂直居中的解决方法汇总

    本文主要给大家介绍了关于利用css设置元素垂直居中的解决方法,文中介绍了多种情况的多种解决方法,相信会对遇到这个问题的朋友们带来一定的帮助,下面话不多说了,来一起看看详细的介绍吧。 html代码: &lt;div class=...

    jquery.easydrag.handler.beta2.js

    首先这个插件真的很好用(废话),短短2行代码就能让页面中的div动起来。但是如果要拖动很多div的时候 ,我们还是要稍微做出修改才能正常使用。 首先我的弹窗div在弹出的时候是默认在页面正中的,但是要使用这个...

    Web前端与移动开发之复合选择器 css元素显示模式 背景属性.txt

    ①相邻行内元素在一行上,一行可以显示多个 ②宽高直接设置是无效的 ③默认宽度就是他本身内容的宽度 ④行内元素只能容纳文本或其他行内元素 ⑤链接(a标签)里面不能再放链接 但可以放块级元素 比如图片 (3)...

    html入门到放弃笔记

    在一行内允许显示多个元素的,称为 "行内元素" span,i,b,s,u,sup,sub 作用:包裹文本,并处理文本的表现形式 2、块级元素 每个元素独占一行显示的,称为 "块级元素" div,p,h1,h2,h3,h4,h5,h6 作用:布局 ...

    零基础学HTML CSS源代码

    DIV与SPAN区别一.html 演示DIV与SPAN区别一。 DIV与SPAN区别二.html 演示DIV与SPAN区别二。 DIV与SPAN实例手把手--布局.html 演示DIV与SPAN实例手把手--布局。 第14章(源代码\第14章) 示例描述:本章...

    超实用的jQuery代码段

    11.13 向表格追加一行数据 11.14 获取客户端IP 11.15 向Firebug的控制面板发送消息 11.16 根据不同的屏幕大小显示不同的网页 11.17 jQuery遍历对象的属性 11.18 最优化的循环语句写法 11.19 如何构建最优化的字符串 ...

    excel的使用

    来直接选择需要输入相同内容的多个工作表,接着在其中的任意一个工作表中输入这些相同的数据,此时这些数据会自动出现在选中的其它工作表之中。输入完毕之后,再次按下键盘上的Ctrl键,然后使用鼠标左键单击所选择的...

    初学者简单学习CSS网页布局

    XHTML主要用div标签进行网页的布局,而控制布局的工具是CSS代码,以使网页符合Web标准。...本章通过多个示例展示CSS布局网页的方法,并对CSS的“盒模型”作详细阐述。相信读者在深入理解“盒模型”后,布局网页、定位C

    简单学习CSS网页布局(初学者)

    XHTML主要用div标签进行网页的布局,而控制布局的工具是CSS代码,以使网页符合Web标准。...本章通过多个示例展示CSS布局网页的方法,并对CSS的“盒模型”作详细阐述。相信读者在深入理解“盒模型”后,布局网页、定位C

    福师《计算机应用基础》在线作业一-0005.672D35.doc

    答案:B 指挥、协调计算机工作的设备是: A:键盘,显示器 B:存储器 C:系统软件 D:控制器 答案:D Windows98是一个多任务操作系统,这是指: A:Windows98可以供多个用户同时使用 B:Windows98可以运行很多种应用程序 ...

    css入门笔记

    引用可以引用多个类名用空格隔开 类名1 类名2 "&gt; 4.id选择器 #id名{样式} 3.特殊选择器 1.群组选择器 #id ,.class{样式} 1.子选择器 #id&gt;.class{样式} 1.分类选择器 div .class{样式} 4.伪类选择器 ...

    CSS网站布局实录 (第二版)PDF版

    6.1.5 同时使用多个类 6.1.6 id应用与网站结构 6.2 div与span 6.3 CSS选择符的命名 6.3.1 大小写敏感 6.3.2 合法字符及组合 6.3.3 命名建议 6.4 CSS文件结构设计与优化 6.4.1 导入结构 6.4.2 结构优化 6.5 使用CSS...

    reSizeMatters:我为将来的项目制作的网格系统

    我想要一个网格系统来使行正确居中,而不是让我尝试在“ main.css”中进行一些细微调整以使自定义列布局正确地位于容器内。 我想要一些很棒的简历。 我想了解构成网格系统的现有系统,因此我将同时了解更多有关...

    《程序天下:JavaScript实例自学手册》光盘源码

    6.5 从一个下拉列表往另一个下拉列表添加内容 6.6 改变列表项的上下顺序 6.7 给下拉框数据分组 6.8 获取列表框的选择 6.9 类IE下拉框 6.10 下拉框式邮件发送 6.11 获取多选框的选择项 6.12 手动调整的列表框 6.13 ...

    程序天下:JavaScript实例自学手册

    6.5 从一个下拉列表往另一个下拉列表添加内容 6.6 改变列表项的上下顺序 6.7 给下拉框数据分组 6.8 获取列表框的选择 6.9 类IE下拉框 6.10 下拉框式邮件发送 6.11 获取多选框的选择项 6.12 手动调整的列表框 6.13 ...

    从入门到精通HTML5——PDF——网盘链接

     1.4 编写第一个HTML文件 8  1.4.1 HTML文件的编写方法 8  1.4.2 手工编写页面 9  1.4.3 使用可视化软件制作页面 10  1.4.4 使用浏览器浏览HTML文件 14  1.4.5 使用HTML开发的明日图书网 14  1.5 小结 15  ...

    ExtAspNet v2.2.1 (2009-4-1) 值得一看

    -Button控件将不再自动拥有display:inline属性,如果希望两个按钮在一行显示,请为第一个按钮设置CssStyle="float:left;"属性。 -修正了弹出菜单的位置在Firefox下不正确的BUG(feedback:eroach)。 -为TriggerBox...

Global site tag (gtag.js) - Google Analytics