文档章节

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
浦东
后端工程师
如何让你的内容输出更加专业更有设计感?

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
探究 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
C语言字节对齐

文章最后本人做了一幅图,一看就明白了,这个问题网上讲的不少,但是都没有把问题说透。 一、概念 对齐跟数据在内存中的位置有关。如果一个变量的内存地址正好位于它长度的整数倍,他就被称做...

晨曦之光
2012/03/09
79
0
HTML5视频字幕与WebVTT

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

彭博
2012/04/12
1K
0

没有更多内容

加载失败,请刷新页面

加载更多

20180925 df与du命令、fdisk磁盘分区

df 命令 disk filesystem的缩写,查看已挂载磁盘的总容量、使用容量、剩余容量信息。 [root@centos01 ~]# dfFilesystem 1K-blocks Used Available Use% Mounted on/dev/sda3 27...

野雪球
43分钟前
1
0
Shell编程(expect同步文件、指定host和同步文件、构建文件分发系统、批量执行命令)

expect脚本同步文件 需求:自动同步文件 实验准备: A机器:192.168.248.130 B机器:192.168.248.129 实现: 1.A机器编写4.expect脚本文件,内容如下所示: #!/usr/bin/expectset passwd "...

蛋黄_Yolks
今天
2
0
ppwjs之bootstrap颜色:背景颜色

<!DOCTYPT html><html><head><meta http-equiv="content-type" content="text/html; charset=utf-8" /><title>ppwjs欢迎您</title><link rel="icon" href="/favicon.ico" ......

ppwjs
今天
1
0
Ubuntu与 Fedora之对比

大家好。今天我将重点介绍两个流行的Linux发行版之间的一些特性和差异; Ubuntu 18.04和Fedora 28。它们都有自己的包管理; Ubuntu使用DEB,而Fedora使用RPM,但它们都具有相同的桌面环境(GNO...

linuxprobe16
今天
2
0
线性代数入门

线性代数的概念对于理解机器学习背后的原理非常重要,尤其是在深度学习领域中。它可以帮助我们更好地理解算法内部到底是怎么运行的,借此,我们就能够更好的做出决策。所以,如果你真的希望了...

牛奋Debug
昨天
3
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部