html怎么将页面放到中间,HTML – 如何将div放在另外两个(左和右)div之间？

我想要实现的是像

THIS那样,就是有3个按钮,一个在左边,一个在中间,一个在右边,在同一个“线”,但是使用css和div,因为我知道使用表格来布局页面是错误的.

我想我需要使用浮点数,并且我已经实现了正确的左右div,但是我不能让中心div成为,好吧,居中,它只是跳出另外两个的线.

我的尝试：

HTML：

CSS：

.left {

float:left;

}

.right {

float:right;

}

.center{

/*what do i put here??*/

}

我怎样才能实现它,并获得最接近表格布局的例子？

注意：我查了其他类似的问题,但我找不到一个完全相同的问题.

最佳答案这个怎么样：

.left {

float:left;

width: 33.3%

}

.right {

float:right;

width: 33.3%;

text-align: right;

}

.center{

float: left;

width: 33.3%;

text-align: center;

}

编辑以回应评论

如果要包含边框,则需要相应地更新宽度. CSS使用box model,其中总宽度是边距填充内容(由width属性控制).这是一个DEMO,为每个div添加1px边框并相应地更新宽度.

html怎么将页面放到中间,HTML – 如何将div放在另外两个(左和右)div之间？相关推荐

web前端项目（一）做一个网易考拉官网常规静态页面 + 页面放到http服务 + 前后端分离
1 新建文件夹分css img 文件夹 index.html 静态页面 2 将本地做的静态页面放到 http 服务 localhost:8080 设置nodejs静态目录 npm install e ...
html将div放到页面最底部,关于html：我如何将div放在容器的底部？
给出以下HTML: Copyright Foo web designs 我想让#copyright贴在#container的底部. 我能在不使用绝对定位的情况下实现这一点吗?如果float属性支持&q ...
360极速浏览器谷歌浏览器关闭双指左滑右滑页面前进后退手势
经常使用Mac的触控板,浏览器会有默认的双指左滑右滑页面前进后退手势,有时正在编辑文档,一个失误手势导致编辑的内容丢失. Mac terminal 中输入 360浏览器关闭 defaults wri ...
前端开发学习--登录和注册页面设计（html和css，可完成两个页面点击切换）
今天学习了登录和注册页面的设计,主要是HTML和CSS部分,注册和切换采用了Js代码进行,后面将通过js进行填写内容的验证,进而可通过JSP跳转到Servlet进行DAO数据的校验,这属于后端部分了. ...
PDF N-Up Maker:一个把PDF转成小册子或者把多个页面放到一个页面上的工具（免费，免Acrobat，命令行模式）...
N-Up Printing allows you to shrink several pages onto one page(N-Up打印输出允许你缩小若干个页面到一个页面上) Booklet就是小 ...
html5的页面放到服务器video标签不播放
<div class="video"> <video src="video/顺丰物流仿真案例演示.mp4" controls="co ...
将文件放到Android模拟器的SD卡中的两种解决方法
两种方式: 一.窗口界面操作 1.打开DDMS页面 2.打开File Explorer页,如果没有,在Window --> Show View -->File Explorer 3.一般就 ...
页面加载完后立刻执行JS的两种方法
方式一:window.onload: 当一个文档完全下载到浏览器中时,才会触发window.onload事件.这意味着页面上的全部元素对js而言都是可以操作的,也就是说页面上的所有元素加载完毕才会执行 ...
edge浏览器如何把网页放到桌面_win10怎么把网页放在桌面上
win10怎么把网页放在桌面上 1. 怎么把win10自带浏览器放到桌面 win10把IE浏览器图标放到桌面可以用以下两个方法. 软件工具:win10正式版.IE 创建有快捷方式的IE图标: 1.右击 ...

html怎么将页面放到中间,HTML – 如何将div放在另外两个(左和右)div之间？

html怎么将页面放到中间,HTML – 如何将div放在另外两个(左和右)div之间？相关推荐

最新文章

热门文章