文档章节

html里一种有效的对齐方式

阿采
 阿采
发布于 2015/11/24 18:00
字数 158
阅读 75
收藏 3
  1. 对于div里的两个元素,如何设置两端对齐:

<style>

.box{ width:xxxpx; margin-left: auto;margin-right: auto;  }

ul{ margin:0; padding:0; list-style:none; }

ul .li1 { float:left; }

ul .li2 { float:right; }

.clean{ clear:both; }

</style>

<br>

<div class="box">

<ul>

<li class="li1"><a  href='xx'>aaaaaaaa</a></li>

<li class="li2"><a   target='_blank'   href="xxxxxx">bbbbbbbb</a></li>

<div class="clean"></div>

</ul>

</div>

2. 设置所有的div固定宽度对齐,例如<div align="center" width="xxxpx">

3. div里的table要想和div完全贴合,可以将table所有tr行宽度和div设置保持一致

© 著作权归作者所有

共有 人打赏支持
阿采
粉丝 4
博文 40
码字总数 20837
作品 0
浦东
后端工程师
私信 提问
探究 HTML元素的水平垂直居中

HTML: <body> <div class="maxbox"> <div class="minbox align-center"></div> </div></body> 父元素 .maxbox{ position: relative; width: 500px; height: 500px; margin: 5px; box-shado......

我输过但从未怕过
2016/03/04
19
0
HTML5视频字幕与WebVTT

译自:http://html5doctor.com/video-subtitling-and-webvtt/ 转载请标明出处:蒋宇捷的博客(http://blog.csdn.net/hfahe) -------- 我们在几年前就已经可以不需要插件在浏览器里播放视频了。...

彭博
2012/04/12
1K
0
如何让你的内容输出更加专业更有设计感?

Foreword 有的建筑会让你感慨设计师的巧夺天工和奇思妙想。有的书会让你赞叹设计得真棒,爱不释手之际燃起想要买下收藏的冲动。精心安排的教学课件会让学生更容易接受,合理组织的数字和统计...

Lilian_Lee
2017/11/07
0
0
从类似微软面试题讲起讲字节对齐

今天需要仔细的总结一下内存对齐机制了,参考了http://www.cnblogs.com/clover-toeic/p/3853132.html的博文。 首先需要牢记对其准则: ①数据类型自身的对齐值,例如char自身对齐值为1字节,...

ShualLiu
2016/12/10
22
0
CSS3 弹性盒布局模型

弹性盒布局模型(Flexible Box Layout)是 CSS3 规范中提出的一种新的布局方式。 弹性盒布局模型的目的是提供一种更加有效的方式来对一个容器中的条目进行排列、对齐和分配空白空间。 在该布...

945996501
2016/05/26
0
0

没有更多内容

加载失败,请刷新页面

加载更多

node安装cnpm

npm install -g cnpm --registry=https://registry.npm.taobao.org

笑丶笑
52分钟前
3
0
OSChina 周三乱弹 —— 夜半回家,推门不动

Osc乱弹歌单(2018)请戳(这里) 【今日歌曲】 @胖达panda :分享陶晶莹/张雨生的单曲《我期待》 《我期待》- 陶晶莹/张雨生 手机党少年们想听歌,请使劲儿戳(这里) @cc_z :熬夜一时爽,...

小小编辑
今天
852
14
验证码

response生成验证码 验证码的作用:防止恶意注册、攻击等 网站上看到的验证码,实际上都是一些图片,而这些图片都是程序(Servlet)生成的! package day19.test; import java.awt.Color; i...

码农屌丝
今天
1
0
day147-2018-11-14-英语流利阅读-待学习

《毒液》刚刚上映,创造漫威宇宙的人却走了 雪梨 2018-11-14 1.今日导读 中国的金庸创造了侠义英雄和江湖传奇,而大洋彼岸的斯坦·李也同样创造了一个绚烂璀璨的漫威宇宙,他构思的每个超级英...

飞鱼说编程
今天
28
0
CentOS 安装PHP5和PHP7

安装PHP5 下载解压二进制包 [root@test-a src]# cd /usr/local/src/[root@test-a src]# wget http://cn2.php.net/distributions/php-5.6.32.tar.bz2[root@test-a src]# tar jxvf php-5.6......

野雪球
今天
6
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部