我正在使用bootstrap,我正在尝试对齐我的行内的东西.我意识到我没有用尽所有的列空间,这很好.我只想让这些东西居中.

#headings {

text-align: center;

}

#row-container {

text-align: center;

}

#take-from-break, #take-from-session {

float: right;

}

Pomodoro Clock

A Pomodoro Clock helps you break down work into intervals, separated by short breaks.

Enter time in minutes

-
+
-
+

这是我得到的页面图像:

最佳答案 由于您看起来并不像使用Bootstrap来特别调整列的大小,因此使用display:flex和justify-content:center的方法是使用display:flex.我在间隔器中保留了Bootstrap尺寸,因此结果仍然响应.

结果截图:

这是一个展示我的意思的演示:

#headings {

text-align: center;

}

#row-container {

text-align: center;

}

.wrap {

display: flex;

justify-content: center;

}

Pomodoro Clock

A Pomodoro Clock helps you break down work into intervals, separated by short breaks.

Enter time in minutes

-

+

-

+

html 行自动对齐,html – 行元素不会对齐相关推荐

  1. html能插入背景的行级元素,Html元素类型:块级元素、行内元素(内联元素)和行内块级元素...

    8种机械键盘轴体对比 本人程序员,要买一个写代码的键盘,请问红轴和茶轴怎么选? html中的标签元素大体被分为三种不同的类型:块级元素.内联元素(又叫行内元素)和内联块级元素.事实上,我以前用的时候只 ...

  2. 行内元素、块级元素和行内块级元素

    HTML标签的类型分为三种:块级元素.行内元素.行内块元素. 而标签的属性是可以转换的: display:inline; 转换为行内元素: display: linline-block; 转换为行内块 ...

  3. 块级元素、行内元素、行内块级元素的特点

    1.块级元素: (1)独自占据一行,故默认宽度是容器的100%. (2)可以设置宽.高.行高.内外边距. (3)可以容纳行内元素和其他块级元素. 注:文字类的块级元素不能容纳块级元素,例如<p& ...

  4. MATLAB笔记1:sub2ind;ind2sub;删除矩阵某行或者某列元素;改变矩阵的形状reshape函数

    重点 MATLAB中的矩阵元素按列存储,其序号即是矩阵元素再内存中的排列顺序.例如: >> A=[1,2;3,4]A =1 23 4>> A(2)ans =3 sub2ind函 ...

  5. 行转换html,块级、行内、行内元素相互转换

    块级.行内.行内元素相互转换 html> 块级.行内.行内块元素相互转换 *{margin: 0px;padding: 0px;} body{background: url(images/5.j ...

  6. 结构标签、行内与块元素、列表、超链接、图片标签格式及音视频(vscode)

    结构标签: <body> <!-- html 搭建网页的结构 大部分的网站  头部 主体  底部  导航  文章等等 --> <!-- html5  新增的标签,语义化更 ...

  7. html网页结构:行内和块元素、简单案例

    一.行内元素和块元素概括 块级元素:div , p ,form, ul,li,ol,dl,form, address,fieldset, hr, menu, table 行内元素:span, stro ...

  8. HTML 块级元素、行内元素和行内块级元素

    一.块级元素.行内元素和行内块级元素 在 HTML 5 标准前,HTML 中的元素可以分为块级元素.行内元素(又称行级元素)和行内块级元素三种类型 ,它们的主要区别在于它们在文档流中所占据的空间和如何 ...

  9. HTML05——行内块级元素_文档流_font属性_盒子模型_练习

    目录 行内块级元素 文档流 font属性 文本段落 文字属性 盒子模型 概念和属性 常见问题 块元素和行元素的相互转换 display属性 overflow属性 边框.宽度与高度 浮动float 练习 ...

最新文章

  1. Hadoop集群搭建(九:各服务的启动)
  2. Python中爬虫框架或模块的区别
  3. html+店铺+可视化编辑器,开源在线可视化HTML编辑器 – xhEditor | 骤雨打新荷
  4. 华为oj题java单词博弈_【华为OJ】201301 JAVA 题目0-1级 将数组分为相等的两组
  5. 5.5.2 最小的N个和
  6. 【渝粤教育】广东开放大学 商法 形成性考核 (40)
  7. ab plc编程软件_三菱PLC原装和高仿怎么区分?仿真和编程软件一样吗?
  8. 自组四旋翼2015.9
  9. mac. mysql 设置root_Mac平台重新设置MySQL的root密码
  10. springboot办公OA考勤请假系统java
  11. 【godot shader】圆形裁剪,圆形头像
  12. STM32:使用外部中断控制对射式红外传感器并计次
  13. JS基本语法-JavaScript中的常用函数2:判断数字类型,isNaN和isFinite的使用
  14. ps考试引擎安装溢出屏幕
  15. Web应用系统开发的两种流行架构
  16. 盘点科技公司十大裁员风波:诺基亚累计裁员近半(转)
  17. swing 文本框双击Ctrl,触发删除全部并黏贴
  18. 一款十分推荐的PC端时间管理器——Manictime
  19. Ajax 的全面总结
  20. 《期权、期货及其他衍生产品》读书笔记(第十章:期权市场机制)

热门文章

  1. url地址中 /等符号的转义处理(转)
  2. 认识 size_t 和指针类型的大小
  3. C#子窗体精确定位到父窗体的某个位…
  4. OpenMP对于嵌套循环应该添加多少个parallel for
  5. 20181114 Redis
  6. hdu 1018 Big Number(n!求位数)
  7. 在线JSON格式化工具
  8. java 重载、重写、重构的区别
  9. Google 的三篇论文
  10. 基于Yarn的Spark环境,统计哈姆雷特词频(1)