css怎么固定图片的css超过长度省略号，在本地浏览css超过长度省略号正常，如下图！放到网站图片就拉长了，怎么让他固定css超过长度省略号！

来源：蜘蛛抓取(WebSpider) 时间：2017-03-09 00:11 标签： css如何计算长度

可选中1个或多个下面的关键词，搜索相关资料。也可直接点“搜索资料”搜索整个问题。 

我指的是你把后面那个width:100px;放进去你原来那里

    不换行就不能显示全部的字符，你可以调整一下间距，或者用overflow:hidden，负值的margin来创建一个长度超出容器的父级元素

    不是溢出隐藏，像图片中的一样的效果

background-size需要两个值，它的类型可以是像素（px）、百分比（%）或是auto，还可以是cover和contain。第一个值为背景图的width，另外一个值用于指定背景图上的height，如果只设定1个值，则第2个默认为auto，但当值为cover和contain时除外。

cover：保持图像的宽高比例，将图片缩放到正好完全覆盖定义的背景区域，其中有一边和背景相同。

contain：保持图像的宽高比例，将图片缩放到宽或者高正好适应定义背景的区域，但背景仍在定义的区域之内，被包含。

这里为背景图片设置宽高，图片会直接被拉伸或缩放，不保持原来的比例。如果只设置一个数值，另外一个值默认为auto，它将按图片原比例来伸缩。

这里需要特别注意一下，图片大小不是按背景图片大小的百分数来计算的，而是装载背景图的元素的百分比来计算。

注意：虽然我上面写到了各浏览器需要添加自己独特的方式，但并不代表这个样式一定要添加，在我写的事例中并没有为各浏览写自己的样式，仍然执行很好。

　　哈尔滨品用软件有限公司致力于为哈尔滨的中小企业制作大气、美观的优秀网站，并且能够搭建符合百度排名规范的网站基底，使您的网站无需额外费用，即可稳步提升排名至首页。欢迎体验最佳的。

我要回帖

更多关于 css如何计算长度 的文章

 

随机推荐