700字范文,内容丰富有趣,生活中的好帮手!
700字范文 > html中两端对其代码 CSS两端对齐语法及代码实例教学

html中两端对其代码 CSS两端对齐语法及代码实例教学

时间:2023-11-22 03:11:54

相关推荐

html中两端对其代码 CSS两端对齐语法及代码实例教学

/*CSSreset顶部为css的重置代码*/html{color:#000;background:#FFF;font-family:MicrosoftYaHei,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:MicrosoftYaHei,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:20pxauto0;}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;/*chrome20+*/

}@mediascreenand(-webkit-min-device-pixel-ratio:0){/*兼容chrome*/divspan: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:10px0;}input[type=password]{float:left;width:200px;height:20px;margin:10px0;}input[type=button]{color:#00f;width:100px;height:30px;}.reg{text-align:center;margin:20pxauto0;}

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。