我试图让一个div中的5个div对齐,像这样:

有没有办法这样做没有使用边缘左?

我的意思是..如果我想消除这个中间div之一,他们仍然对齐?例如..如果我删除div4,其他将自动居中.喜欢这个:

我找到了一个解决方案:

#parent {

width: 615px;

border: solid 1px #aaa;

text-align: center;

font-size: 20px;

letter-spacing: 35px;

white-space: nowrap;

line-height: 12px;

overflow: hidden;

}

.child {

width: 100px;

weight: 100px;

border: solid 1px #ccc;

display: inline-block;

vertical-align: middle;

}

但问题是:

第一个div和最后一个必须像float left和float right …这个解决方案将每个事物都集中在一起:

html5怎么让div集中,html – 如何集中5个div而不使用margin-left?相关推荐

  1. html5 居于页面中心,css笔记:如何让一个div居于页面正中间

    如何让一个div居于页面中间,我今天说的是让一个div水平居中同时垂直居中,而不是简单的top:50%,left:50%.当然,我们就按一开始的思路写一下:top,left属性都设为50%,看一下效果 ...

  2. html5 jquery 鼠标拖动例子,jquery实现鼠标拖动实现DIV排序示例代码

    先上效果图: 对比传统的排序,这是一个很不错的尝试,希望对大家有启发. 大家可以参考我的上一篇博文://www.jb51.net/article/42087.htm html部分: 指标: 注:可以通 ...

  3. css div下第一个span,CSS之div和span标签

    div和span是非常重要的标签,div的语义是division"分割": span的语义就是span"范围.跨度". 这两个东西,都是最最重要的"盒 ...

  4. html中怎么让div撑开,html中子div用了浮动怎样让父div的大小自动撑开(清除浮动)...

    浮动子div撑开父div的几种方法: (1)在父div中在添加一个清除浮动的子div (2)在父div的css样式中设置overflow:hidden;zoom:1; (3)设置父div也为浮动元素f ...

  5. css4两个div并排,css怎么设置4个div并排显示

    css设置4个div并排的方法:1.使用float属性让4个div浮动起来即可.2.使用"display:inline;"或"display: inline-block; ...

  6. html 内部浮动外部不,DIV设置浮动后无法撑开外部DIV的解决办法

    当DIV1里面嵌套有一个DIV2,当DIV2设置了浮动,那么DIV1是无法被撑开的,也就是说DIV2在这里相当于浮在了页面上方,跟DIV1不在同一个层面,导致了DIV2无法把DIV1给撑开,这是一个老 ...

  7. div上下展开收缩 html,js实现div层缓慢收缩与展开的方法

    本文实例讲述了js实现div层缓慢收缩与展开的方法.分享给大家供大家参考.具体分析如下: 这是一个层伸缩与展开的特效代码,带有点动画效果,缓慢展开,DIV+JS联合打造,看上去还不错.不受内容约束,收 ...

  8. css 容器内 div 底部,CSS:在div容器的底部放置一個div容器

    My intention is to place a div-container inside a div-container, but it isn't working atm. My div-co ...

  9. HTML学习笔记:让div在屏幕居中,图片在div里居中

    目录 一.效果演示 二.实现方法 方法一:利用CSS实现 方法二:利用JavaScript实现 方法三:利用JavaScript实现 方法四:利用jQuery实现 一.效果演示 二.实现方法 方法一: ...

  10. html文字往右边偏移怎么做,div向右偏移设置 css让div靠右移必定距离

    转自:https://www.thinkcss.com/shili/1372.shtmlcss div对象盒子向右偏移设置,使用css让div靠右必定距离-div向右移教程实例篇html div向右偏 ...

最新文章

  1. php。defined,PHP defined()函数的使用图文详解
  2. 天眼探空经济发展_【砥砺奋进的五年】观神州 惠民生:“天眼”探空惊艳全球...
  3. mysql 主机类型_实现在别的电脑上访问主机的mysql
  4. Atitit 发帖机系列(7) 词法分析的方法attilax大总结)
  5. html5和前端精要(1)-架构与基础(1)
  6. 雷军:如果程序人生的话,这条路太漫长
  7. 使用 Spring 简化 MyBatis
  8. 加载类_JVM类加载
  9. Valgrind的Memcheck快速入门
  10. 【点阵液晶编程连载二】LCD 驱动的基本流程
  11. go语言结构体标签的意义
  12. go restful 安全_Go语言构建 RESTful Web 服务
  13. 对空进行判断需要注意什么?
  14. 使用 POI 读取 Word docx 中的书签、替换书签内容(汉字或合并外部文档内容)
  15. js alert追加html,利用JQ来美化Js的alert弹出框
  16. baidumap vue 判断范围_vue-baidu-map 行政区域划分
  17. 格式化U盘提示Windows 无法完成格式化
  18. QQ新上线图片社交功能“小世界”
  19. linux卸载集群oracle,Oracle RAC集群卸载步骤
  20. 如何修改电脑密码(在不知道密码的前提下)

热门文章

  1. 如何成为云计算大数据Spark高手
  2. 设备巡检app android开发,富士康移动巡检app安卓,富士康移动巡检app安卓手机软件预约 v1.0-手游汇...
  3. ubuntu jdk tomcat mysql_Ubuntu下JDK+Tomcat+MySql环境的搭建
  4. linux java echo 3,Linux常用命令13 - echo
  5. wifi芯片_全新蜕变!康希通信第四代WIFI 6 FEM芯片将于2020年Q1量产
  6. 有监督学习和无监督学习_比监督学习做的更好:半监督学习
  7. Cmder的安装和设置
  8. 万分之二用百分之怎么表示_农村建房时,“砖砌的化粪池”怎么做?听完内行人的分析,明白了...
  9. java 8 localdatetime_java8 时间 LocalDateTime常用方法
  10. vue写js代码_vue.js弹出式音乐播放器特效代码