样式 css
Savoury__java
秘密
展开
-
css样式问题,table中的td值撑开了,样式变了
1、往table样式中添加table-layout:fixed; 2、往td样式添加overflow:hidden;text-overflow:ellipsis;word-break:keep-all;white-space:nowrap;原创 2016-05-21 15:56:06 · 693 阅读 · 0 评论 -
HTML/CSS:图片居中(水平居中和垂直居中)
css图片居中分css图片水平居中和垂直居中两种情况,有时候还需要图片同时水平垂直居中。 css图片水平居中1.利用margin: 0 auto实现图片水平居中利用margin: 0 auto实现图片居中就是在图片上加上css样式margin: 0 auto 如下:div style="text-align: center; width: 500px; bord转载 2017-10-30 17:15:53 · 79263 阅读 · 0 评论 -
div+css文字水平垂直居中
文字水平垂直居中文字水平垂直居中.tac{ width: 200px; height:200px; line-height: 200px;/*文字水平居中对齐*/ border: 1px solid red; text-align: center; /*设置文字行距等于div的高度*/}原创 2017-10-30 17:18:20 · 432 阅读 · 0 评论 -
div+css左侧固定宽度200px,右侧自动扩展
div id="lt">div>div id="rt">div>一、左边固定,右边自适应的布局1. 左边左浮动,右边加个overflow:hidden;#lt{ float: left;width:200px; background: #ff0;}#rt{ overflow: hidden; background: #f0f;}2. 左边左浮动,右边加个margin-left;原创 2017-10-31 09:58:59 · 967 阅读 · 0 评论 -
css浏览器兼容性的写法
* , ie6,ie7可以识别; _和- , ie6可以识别; !important ,表示高优先级,ie7及以上,firefox都支持,ie6认识带!important的样式属性,但不认识!important的优先级;-webkit- ,针对safari,chrome浏览器的内核CSS写法-moz-,针对firefox浏览器的内核CSS写法-ms-,针对ie内核的C转载 2017-10-31 10:12:09 · 2679 阅读 · 0 评论 -
去除inline-block元素间间距
1.元素间留白间距出现的原因就是标签段之间的空格,因此,去掉HTML中的空格,自然间距就木有了。或者是借助HTML注释: 惆怅<!-- -->淡定<!-- -->热血2.使用margin负值.space a { display: inline-block; margin-right: -3px;}3.使用font-size:0转载 2018-01-28 20:54:39 · 122 阅读 · 0 评论 -
box-shadow详解
box-shadow前言box-shadow是css3的一个新属性,用来实现阴影效果,阴影分为内阴影和外阴影两个效果,可以通过逗号添加多个阴影效果。box-shadow阴影用法box-shadow:inset offset-x offset-y blur-radius spread-radius color,....;box-shadow参数解释@1:inset 有inset 则为内阴影,没有i...转载 2018-02-27 10:59:12 · 42395 阅读 · 3 评论 -
css元素display和visibility,visible区别
display:none;隐藏不占位、无法点击(隐藏会产生reflow(回流)和repaint(重绘))显示不写或者block,inline;意思分别为显示,显示为div(块级元素),显示为span(行类元素)visibility:hidden;隐藏占位无法点击(所占用的空间任然存在)visible(服务器控件)隐藏不占位无法点击,要与 runat="server"一起用<div visib...原创 2018-03-05 11:12:03 · 605 阅读 · 0 评论 -
ios scroll滚动问题
当一个大容器里面有个横滚动,大容器本身是竖滚动。在ios中,当touch到横滚动时,大容器不能竖滚动了。。在移动端的overflow: scroll元素增加属性 -webkit-overflow-scrolling: touch;...原创 2018-03-22 12:03:55 · 2753 阅读 · 0 评论