元素宽度自适应,内部文字自动换行后要求垂直居中,这样的样式怎么写?
效果如下:外层div宽度100%,里面的div宽度也是自适应,要求在文字一行不够放时自动换行,换行后水平和垂直方向上都居中!请大师帮我解决这个问题!望测试过行得通后给我说...
效果如下:
外层div宽度100%,里面的div宽度也是自适应,要求在文字一行不够放时自动换行,换行后水平和垂直方向上都居中!请大师帮我解决这个问题!望测试过行得通后给我说说!
以上是结构,
以上是代码! 展开
外层div宽度100%,里面的div宽度也是自适应,要求在文字一行不够放时自动换行,换行后水平和垂直方向上都居中!请大师帮我解决这个问题!望测试过行得通后给我说说!
以上是结构,
以上是代码! 展开
展开全部
正常情况图片垂直居中只要给图片img设定vertical-align:middle,不过你可以用另外一个方法
只需要给外部容器加padding属性即可,设定图片与容器的边距是多少就可以达到看上去居中的效果,要想图片自动缩放那就给图片设定宽度和高度100%,不过这样必须要求容器的高宽是等比例缩放的,否则图片就会拉伸变形;要想图片等比例缩放,那你就得调用js强制一下图片的高宽比例;
其实你这个问题经常会有人问到,我个人觉得没有必要让图片根据容器自动伸缩,至少我个人觉得这个样式很少用到,通常只需要把图片等比例缩放至固定值即可
只需要给外部容器加padding属性即可,设定图片与容器的边距是多少就可以达到看上去居中的效果,要想图片自动缩放那就给图片设定宽度和高度100%,不过这样必须要求容器的高宽是等比例缩放的,否则图片就会拉伸变形;要想图片等比例缩放,那你就得调用js强制一下图片的高宽比例;
其实你这个问题经常会有人问到,我个人觉得没有必要让图片根据容器自动伸缩,至少我个人觉得这个样式很少用到,通常只需要把图片等比例缩放至固定值即可
追问
请测试过效果再回答好吗?我也少发了些东西上来,待会补上!
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询