/*CSS reset 顶部为css的重置代码*/ html{color:#000;background:#FFF;font-family:Microsoft YaHei,sans-serif,Arial,'宋体';} body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td,strong{padding:0;margin:0;font-family:Microsoft YaHei,sans-serif,Arial;} table{border-collapse:collapse;border-spacing:0;} fieldset,img{border:0;} a{text-decoration:none; color:#; outline:none;}/*此处待添加默认链接颜色*/ a:hover{text-decoration:none;color:#cb1114}; var,em,strong{font-style:normal;} address,caption,cite,code,dfn,em,strong,th,var, optgroup{font-style:inherit;font-weight:inherit;} del,ins{text-decoration:none;} li{list-style:none;} caption,th{text-align:left;} h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;} q:before,q:after{content:'';} abbr,acronym{border:0;font-variant:normal;} sup{vertical-align:baseline;} sub{vertical-align:baseline;} legend{color:#000;} input,button,textarea,select,optgroup,option{font-family:inherit; font-size:inherit;font-style:inherit;font-weight:inherit;} input,button,textarea,select{*font-size:100%;} .clear {clear:both;height:0px;overflow:hidden;} body{-webkit-user-select:none;-webkit-text-size-adjust:none;-webkit-transform-style:preserve-3d;} *{-webkit-tap-highlight-color:rgba(0,0,0,0);} /*form 从此处起为表单的样式处理*/ form{width:430px;margin:20px auto 0;} div{

width:430px;

height:40px;

line-height:40px;

clear:both;

word-spacing:-1em;/*调整文本,以防止使用两端对齐之后字间距过大*/

text-align:justify;

text-justify:distribute-all-lines;/*ie6-8*/

text-align-last:justify;/* ie9*/

-moz-text-align-last:justify;/*ff*/

-webkit-text-align-last:justify;/*chrome 20+*/

} @media screen and (-webkit-min-device-pixel-ratio:0){/* 兼容chrome*/ div span:after{ content:"."; display: inline-block; width:100%; overflow:hidden; height:0; } } span{float:left;width:65px;height:40px;line-height:40px;margin-right:10px;} strong{float:left;width:140px;height:40px;line-height:40px;margin-left:10px;background:#ccf;} input[type=text]{float:left;width:200px;height:20px;margin:10px 0;} input[type=password]{float:left;width:200px;height:20px;margin:10px 0;} input[type=button]{color:#00f;width:100px;height:30px;} .reg{text-align:center;margin:20px auto 0;}

html中两端对其代码,CSS两端对齐语法及代码实例教学相关推荐

  1. html实现的动画效果代码,CSS实现雨滴动画效果的实例代码

    玻璃窗 今天我们要实现的是雨滴效果,不过实现雨滴前,我们先把毛玻璃的效果弄出来,没有玻璃窗,雨都进屋了,还有啥好敲打的. .window { position: absolute; width: 10 ...

  2. 在html中清除浮动的代码,css 两种清除浮动经典实例代码

    一.使用空标签清除浮动 *{margin:0;padding:0;} body{font:36px bold; color:#f00; text-align:center;} #layout{back ...

  3. html++网页搜索框代码,CSS 漂亮搜索框美化代码

    CSS美化的漂亮搜索框 body{ font: normal 100% 'Arial','Helvetica','Verdana',sans-serif; color: #333; } p { pad ...

  4. html中如何写div中div的位置,DIV CSS绝对定位布局案例 position布局实例

    DIVCSS5为大家实例讲解绝对定位布局.绝对定位我们要用到样式position:absolute和position:relative,同时需要top.bottom.left.right配合布局实现D ...

  5. 网页指针css代码,css常用鼠标指针形状代码

    rabbitMQ第三篇:采用不同的交换机规则 在上一篇我们都是采用发送信息到队列然后队列把信息在发送到消费者,其实实际情况并非如此,rabbitMQ其实真正的思想是生产者不发送任何信息到队列,甚至不知 ...

  6. html中怎么改变鼠标形状,css鼠标样式语法及20种可选值(属性)

    我们对Windows各种各样的鼠标样式都不陌生,当鼠标移动到不同的地方时,当鼠标执行不同的功能时,当系统处于不同的状态时,都会使鼠标的形状发生变化.而在网页上往往只有当鼠标在超级链接上时才出现一个手形 ...

  7. css边距和填充示例代码,css 内外边距(示例代码)

    一.边距 内边距: 边框于内容之间的距离. 外边距:边框于边框之间的距离. 二.外边距margin Margin的特性 margin始终是透明的. margin通过使用单独的属性,可以对上.右.下.左 ...

  8. php中css样式两端对齐,CSS两端对齐

    前面的话 两端对齐在导航Nav的制作中非常常用.本文将详细介绍CSS两端对齐的3种实现方式 flex 弹性盒模型flex作为强大的弹性布局方式,可以hold住大部分的布局效果,当然也包括两端对齐.可以 ...

  9. css两端对齐(CSS两端对齐在苹果手机中不起作用)

    css里面怎样让两行文字两端对齐 .ie { text-align: justify; text-align-last: justify; text-justify: inter-ideograph; ...

最新文章

  1. 从零开始学python网络爬虫-从零开始学Python网络爬虫 PDF 下载
  2. Oracle 应用归档 卡死,关于Oracle归档进程的运行机制
  3. 软件设计师考c语言,软件设计师教程考点精讲之C语言三大定律
  4. 【OpenCV 例程200篇】68. 连续周期信号的傅立叶级数
  5. javascript 公历与农历相互转换工具类
  6. 陶哲轩实分析 命题 7.3.4 (Cauchy 准则) 证明
  7. 'Neither SQLALCHEMY_DATABASE_URI nor SQLALCHEMY_BINDS is set.
  8. 奇特的Local System权限(转载)
  9. idea java 快捷键_图示Javahtml5开发中IDEA的一些常用默认快捷键
  10. Python爬虫书籍推荐
  11. matlab绘制三角函数乘除法的问题
  12. Oracle 日期相减获取年龄
  13. Stata: 图示交互效应\调节效应
  14. Android中自定义农历日历,Android实现自定义日历
  15. 硬件设备的软件测试,智能设备的软硬件测试都要测什么?
  16. 数据库查询中的n+1问题
  17. 蛋白质结构预测 AlphaFold2、ColabFold、Uni-Fold、ESMFold
  18. 浅谈伺服电机三种控制方式
  19. python access violation_python – “WindowsError:exception:access violation …” – ctypes问题...
  20. cocos2dx 3.0 整合 cocostudio

热门文章

  1. Android更换默认主题
  2. vol.131 日本异闻录 · 我曾经去了一个假的日本
  3. 智能音响蓝牙调试经验
  4. 信息论之父是如何将世界数字化的?
  5. Spring Boot 2.x基础教程:使用LDAP来管理用户与组织数据
  6. TCP的socket编程中“全双工的字节流”含义的深刻理解
  7. Flarum 论坛的搭建、备份与迁移
  8. 介绍一款成为内网安全管理专家的好帮手--内网管理软件
  9. 推特开发者申请标准化流程20190117
  10. 在ubuntu下给ibus输入法安装搜狗词库[转]