CSS解决固定高度图片居中裁剪问题

首先先在页面里加载一张图片，代码和效果如下图所示： 然后设置给图片起一个class名，方便一会儿的操作。 然后给图片设置css样式，因为方便的原因就直接在html页面写css样式了。

十年的启东网站建设经验，针对设计、前端、开发、售后、文案、推广等六对一服务，响应快，48小时及时工作处理。营销型网站的优势是能够根据用户设备显示端的尺寸不同，自动调整启东建站的显示方式，使网站能够适用不同显示终端，在浏览器中调整网站的宽度，无论在任何一种浏览器上浏览网站，都能展现优雅布局与设计，从而大程度地提升浏览体验。创新互联从事“启东网站设计”,“启东网站推广”以来，每个客户项目都认真落实执行。

首先让图片中DIV对象盒子内水平居中，和让文字字体在DIV盒子内水平居中CSS相同。

img垂直居中方法有很多，其中就包括以下三种方法使用flex让img垂直居中在css中，我们可以使用flex去实现垂直居中，但是flex并不是一个很好的方法，现在很多浏览器并不支持flex，例如IE8，9。

用CSS实现元素的水平居中，比较简单，可以设置text-align center，或者设置 margin-left：auto； margin-right：auto 之类的即可。 主要麻烦的地方还是在垂直居中的处理上，所以接下来主要考虑垂直方向上的居中实现。

单独文字垂直居中只需要设置CSS样式line-height属性即可。文字与图片同排，在设置div高度同时再对此css样式的图片“img”样式设置vertical-align：middle垂直居中属性，如.yangshi img{vertical-align：middle；} 。

题目的难点在于两点：垂直居中；图片是个置换元素，有些特殊的特性。

网页设计dash边框效果为

1、l dashed： 由虚线组成的表格边框。l solid： 由实线组成的表格边框。l Double： 由双实线组成的表格边框。l Groove： 槽线效果边框。l ridge： 脊线效果边框，和槽线效果相反。l inset： 内凹效果边框。

2、组成虚线的方式不同：两者在CSS中都是“虚线”。其中dashed来自 dash（破折号），由一个个破折号组成的虚线。dotted：来自 dot（点），由一个个点组成的虚线，也称点线。

3、在为网站设计搜索框时，你可重点考虑以下建议：搜索框要显眼 搜索框要清晰可见，千万不可放在难以注意到的位置。

如何给相片加相框

1、首先在手机上找到并打开美图秀秀软件。接下来在美图秀秀的主页面中选择“美化图片”。接下来选择自己需要添加相框的图片。然后在页面下方选择“边框”。接下来选择自己需要的边框添加，然后点击保存即可。

2、美图秀秀具备图片特效、美容、拼图、场景、边框、饰品等功能。《照片装饰》，顾名思义，它是一款照片装饰应用，你可以为你的照片加上高质量的相框和点缀性贴纸，有多种相框可以选择，相框可以自适应相片大小。

3、点击手机上安装好的美图秀秀的美化图片的图标 打开要编辑的图片后，点击主界面上的边框选项卡。该打开的边框页面，点击左上角的简单边框按钮。然后在右边的边框列表中选择要设置的边框。

4、photoshop给图片加相框的方法打开一张图片、ctrl+j复制图层用矩形选框工具在图片上画一个比图片小缩进半寸左右的矩形、然后左键点击Q快速蒙版工具。下图：点击滤镜-像素化-碎片两次。

5、ps给照片加相框的方法是：首先打开我们电脑上的PS软件，点击菜单栏上的“编辑”选择“描边”。在描边设置，自己设置边框宽度与颜色，点击确认就可以了。

6、photoshop给图片加相框的方法 打开一张图片、ctrlj复制图层用矩形选框工具在图片上画一个比图片小缩进 半寸左右的矩形、然后左键点击Q快速蒙版工具。点击滤镜-像素化-碎片两次。