css
TinaTxt
。。。
展开
-
轮播图的实现
html <div class="index-banner"> <div class="banner-div"> <ul class="banner-image" oldScoll="0" newScoll=""> <li> <img class="bannerImg" src="/Img/artwork/ArtWorkHome原创 2017-04-19 16:37:12 · 427 阅读 · 0 评论 -
文字超过div用省略号
html代码: aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaacss样式表:p{ width: 50px; /*必须设置宽度*/ overflow: hi原创 2017-08-14 17:10:21 · 391 阅读 · 0 评论 -
方形图片转为圆形头像
headImg{display:inline-block;float:left;width:50px;margin-left:15px;height:50px;margin-top:20px;border-radius:50%;}正方形 设置border-radius:50%;原创 2017-04-24 15:45:45 · 1687 阅读 · 0 评论 -
鼠标悬停商品图片,图片放大,并且可拖动
效果类似http://www.artpollo.com/Artwork/ArtworkDetails?id=2224847 .artworkDetail .detailMiddle .detailImg{display:inline-block;vertical-align:middle;max-height:7原创 2017-04-22 16:06:48 · 476 阅读 · 0 评论 -
img图片加遮罩层
#container{position:relative;height:200px;width:300px;border:1px solid red;}#inss{position:absolute;height:30px;width:300px;border:1px solid green;bottom:0px;}function xianshi(){document.getElementByI转载 2017-04-21 16:58:46 · 6723 阅读 · 0 评论 -
鼠标悬停图片放大
.artworkDetail .detailRight .rightPic .imgList .smallImg{width:170px;margin-top:15px;transition: all 0.6s;}//放大完成的时间.artworkDetail .detailRight .rightPic .imgList .smallImg:hover{transform: scale(1.原创 2017-04-21 16:04:00 · 469 阅读 · 0 评论 -
文字在div中水平均匀分布
text-align-last:justify垂直居中 设置line-hight原创 2017-04-21 13:30:50 · 5566 阅读 · 0 评论 -
DIV里面的图片水平与垂直居中的方法
1.水平居中: 1)box设置text-align:center; text-align:center可以实现子元素字体,图片的水平居中。 2)img设置margin:0 auto;display:block; margin:0 auto是针对块元素的水平居中方法,所以要加上display:block。2.垂直居中: 1)图转载 2017-04-20 21:06:36 · 600 阅读 · 0 评论 -
position为absolute的居中问题
负边距解决.banner-icon {left:50%;position:absolute;width:50px;margin-left:-25px;//width的一半}原创 2017-04-20 14:00:19 · 387 阅读 · 0 评论 -
未知宽度div水平居中
div class="wrap"> div class="inner">html : 让 inner 居中div>div>.wrap { float: left; /* 自适应内容宽度 */ position: relative; left: 50%; }.inner { position: relative; left: -50%; }转载 2017-12-01 14:48:01 · 576 阅读 · 0 评论