html+两个元素同一行,HTML在同一行显示两个div
只是想知道是否有人可以帮助我在这个代码笔上显示在同一行上半年和下半年?我试过display:inline;然而这并没有解决问题。
HTML:
Homepage
Header
Sub Header
1st half
2nd half
CSS:
a {
text-decoration: none;
}
body {
background-color: #161616;
}
header {
height: 100%;
background-image: url(http://i.imgur.com/11nVLmd.jpg);
background-size: cover;
background-position: center;
margin-bottom: 0;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
text-align: center
}
#landingpagelg {
font-family: Caviar Dreams;
font-size: 42px;
color: #FFF;
letter-spacing: 1px
}
#landingpagesm {
font-family: Caviar Dreams;
font-size: 21px;
color: #FFF
}
#CMSub {
min-width: 75px;
}
a {
color: #000;
}
a.hover {
color: 0000EE;
}
::selection {
background: #FFB870;
/*#CCCCCC*/
}
::-moz-selection {
background: #FFB870;
}
img::selection {
background: transparent
}
img::-moz-selection {
background: transparent
}
input {
width: 150px;
border: 1px solid;
border-radius: 6px;
height: 25px;
padding: 4px;
}
textarea {
border: 1px solid;
max-width: 500px;
max-height: 250px;
border-radius: 5px;
width: 250px;
height: 125px;
}
#github {
padding-right: 5px;
}
.footerwrapper {
width: 100%;
}
.BFS {
height: 150px;
width: 50%;
background-color: #161616;
}
.BLFS {
height: 150px;
width: 50%;
background-color: #99CCFF;
}
html+两个元素同一行,HTML在同一行显示两个div相关推荐
- python交换数组中的两个元素_[Python]华为面试题,交换两个数组的元素使之总和的差值最小。...
看看写了个 ,实现不需数组长度一致,复杂度O(n^2),求好的算法 /** arr1={1,2,3}; * arr2={22,33,44,55}; * 交换两个矩阵数据 */ public void ...
- 服务器拖两个屏幕win10系统,win10怎么设置双屏显示两个桌面
1根据你的电脑显卡的双接口情况连接好二台显示器.如接口不支持时将显卡的接口用转换接头进行转换后再连接.电脑开机如下图所示,你的显示器是不亮的: 2硬件正确连接后,现在马上升级你的显卡程序(因大部分电脑 ...
- 怎么让上下两排对齐_Word文档如何让让上下两排对齐 - 卡饭网
电脑word文档软件中一屏两页的效果如何设置 电脑word文档软件中一屏两页的效果如何设置 有的小伙伴在电脑上使用Word文档软件时,想要设置一屏两页的效果,但是却不知道如何进行设置,那么小编就来为大 ...
- element-ui表格列金额显示两位小数
对于金额的显示,大多情况下需要保留两位小数,比如下面的(表格采用 element-ui): 在vue.js中,对文本的处理通常是通过设置一系列的过滤器,过滤器可以用在两个地方:双花括号插值 和 v-b ...
- html在一行内横向排列并排同行同时显示两个多个div盒子的方法
一.并排在一行的两个div样式有这种情况:ie或者ff下对于子div设置float左的时候,如果另外的子div没有设置float左的 话,两个浏览器下会有区别,具体有一个会产生间隙.兼容做法就是都设置 ...
- html在一行内横向排列并排同行同时显示两个多个div盒子的方法(CSS浮动清除float-clear/inline)/办法
01/23/2014, Posted in 移动 Comments: No comments 最近在做一个div css切割,昨晚发现了长期以来一直无记录下来的问题!关于兼容IE跟FF的float属 ...
- 将N个整数按从小到大排序的冒泡排序法是这样工作的:从头到尾比较相邻两个元素,如果前面的元素大于其紧随的后面元素,则交换它们。通过一遍扫描,则最后一个元素必定是最大的元素。然后用同样的方法对前N−1个元
7-3 冒泡法排序 将N个整数按从小到大排序的冒泡排序法是这样工作的:从头到尾比较相邻两个元素,如果前面的元素大于其紧随的后面元素,则交换它们.通过一遍扫描,则最后一个元素必定是最大的元素.然后用同样 ...
- table中加表单元素每行怎么验证_Validform 一行代码搞定整站的表单验证 - 文章
Validform 一行代码搞定整站的表单验证,为什么能如此方便?插件的核心思想就是把所有的验证条件及验证提示信息绑定到每个表单元素,让验证代码在执行时只是核对表单下各元素的值是否跟绑定的验证条件相符 ...
- 动态规划系列---求数组中两个元素差的最大值
题目 求数组中两个元素差的最大值(后面的元素减去前面的元素):对应实际生活中的股票买卖,找出一只股票走势里面可能的最大收益: 思路 类似于求数组连续和的最大值: 保存最大差值和最小值,遍历数组,如果 ...
- numpy.array创建行数超过一行的矩阵为什么要用两层中括号?
numpy.array创建行数超过一行的矩阵为什么要用两个双括号? 真正正确的原因我也不是很清楚,以后清楚了再写上来. 这里写个比较肤浅甚至不正确的解释: array这个函数的原型如下: array( ...
最新文章
- 如何快速转载别人的博客文章
- css(hr元素)水平线的定位
- 使用easyui框架form控件,单选按钮radio或复选框checkbox样式问题
- os与sys类使用小节
- 按照秒数延时打印、运行
- boost::log::sinks::syslog用法的测试程序
- winform把所有dll打包成一个exe
- android像素鸟,像素鸟Flappy Bird
- 力扣113. 路径总和 II(JavaScript)
- js如何保证iframe里的内容,显示在父窗口
- 转载windows的网络错误问题,备需要时查看
- java中==与equal()的区别
- latex减少图片和图片解释文字之间的距离
- 西门子Step7安装和入门初步
- 算法第四版书的C++版本代码
- MybatisPlus多表关联查询
- AngularJS【初体验】-02
- 猿设计2——电商后台全逻辑需求挖掘
- HP 打印机遇到各错误类型故障大全解释
- 【Moasure魔尺】它是如何工作的?