【路一直都在】----img标签垂直居中问题

先上代码

.dianshang ul li a {

  height: 100px;

  vertical-align:middle;

  display: table-cell;

width: 174px;

  text-align: center;

}

.dianshang ul li img {

  width: 80%;

}

本人很菜 自学成菜    刚开始一直弄不出来 img能做到水平居中 但是垂直就没做出来 图片的大小都不统一的

最后弄出来了  虽然百度的  但是效果达到了

img垂直居中     img父级元素  使用 vertical-align:middle和display:table-cell; 能达到垂直居中的效果;

刚刚百度了一下  都说这个方法很老

有没有大神推荐好的方法哎

时间: 2024-10-11 10:48:17

【路一直都在】----img标签垂直居中问题的相关文章

《解忧杂货店》读后感:路一直都在,进步就是幸福

一.关于此书 2016年我的生日时,我的表弟送了一本书<解忧杂货店>给我.我从没有读过任何一本关于东野圭吾的书,也没看过它的推理小说,只知道貌似这本书是2015年Kindle上最热的付费电子书,亚马逊2015年度畅销书排行榜第二名.据说,同名华语电影<解忧杂货店>已经开拍,预计2017年上映,我已经迫不及待期望它的上映了. 东野圭吾,日本著名作家.1985年,凭<放学后>获第31届江户川乱步奖,开始专职写作.早期作品多为精巧细致的本格推理,后期笔锋越发老辣,文字鲜加雕琢

HTML5移动开发之路(14)——Video标签详解

本文为 兄弟连IT教育 机构官方 HTML5培训 教程,主要介绍:HTML5移动开发之路(14)--Video标签详解 一.使用技巧 在HTML5中可以使用<audio>或者<video>标签播放html5媒体,使用方式如下: [html] view plaincopyprint? <video src="move.mp4"></video> video标签中有很多属性,例如controls属性可以控制是否有控制台. [html] vie

2019 .NET China Conf:路一直都在,社区会更好

这个周末,我从成都飞到了上海参加了首届由社区组织而非官方(比如Microsoft)组织的.NET开发者峰会(.NET Conf).为此,我特意请了两天的假(周五+周六,对,我们是大小周,这周六要上班),在周五就飞到上海了.现在将我的所见所闻总结成文字,分享给各位关注我的朋友. 一.自组织,规模大,准备精 首先,谈谈这届峰会的整体感受,那就是标题这9个字“自组织.规模大.准备精”. 这届峰会是.NET技术社区第一次独立自主举办的,参会人数目测>350人且有很多都是从四面八方赶过来的(当然珠三角地区

每段路,都是一种领悟

慢慢地,我们都会变老,从起点走向终点,自然而必然.成长的途中,匆匆而又忙忙,跌跌而又撞撞,奔波而又小心,劳累而又费心,一生,留下什么,又得到什么.细想,活着,就该尽力活好,别让自己活得太累.想开.看淡,放松,人不可太精,事不可太勤,不要累人.累己.累心.记住,你好,全家才会安好. 人生就像一场旅行 人生不过是一场旅行,你路过我,我路过你,然后各自向前,各自修行.在岁月中跋涉,每个人都有自己的故事,看淡心境才会秀丽,看开心情才会明媚.好好扮演自己的角色,做自己该做的事.生活不可能像你想象得那么好,

WEB的进击之路-第一章 HTML基本标签(1)

一.HTML简介 超文本标记语言,标准通用标记语言下的一个应用. "超文本"就是指页面内可以包含图片.链接,甚至音乐.程序等非文字元素. 超文本标记语言的结构包括"头"部分(英语:Head).和"主体"部分(英语:Body),其中"头"部提供关于网页的信息,"主体"部分提供网页的具体内容. 二.DOCTYPE--文档声明 文档类型声明必不可少,而且,必须放在文档最上方.  文档类型声明:让浏览器按照html

实现人脸识别性别之路---网页上的video标签

<video> 元素支持三种视频格式: MP4, WebM, 和 Ogg.但是,不同的浏览器对视频格式的支持也不一致,因此为了让浏览器都适应,我们使用source属性来对视频文件格式定义 <video>元素的标签的属性.值和作用 属性           值           描述 autoplay     autoplay 如果出现这个属性,则视频加载完之后马上播放 controls      controls  在视频上添加播放(暂停).音量.全屏切换等按钮 height 

css 标签 垂直居中

<!DOCTYPE html > <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title> 多行文字实现垂直居中 </title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <style type="te

Struts2学习之路(七)—— Struts2标签

1.如何使用Strut2标签库的标签? 在JSP页面的源码顶部中加入代码 <%@ taglib uri="/struts-tags" prefix="s" %> 2.标签分类及使用: (1)属性标签 a)控制标签 if elseif else append generator iterator merge sort subset 示例代码: I. if elseif else <s:if test="%{false}">

张书乐:自媒体别小看了贴标签,这里面都是粉丝

标签在很多自媒体平台上都有出现,而很多人一开始并不太关注设定标签的事情,但真心别小看了它,我们用微博做例子,看看标签里藏着什么门道. 文/张书乐(人民网.人民邮电报专栏作者) 新著有<微博运营完全自学手册> 接上篇<自媒体头像可卖萌,一周换7次未必不吸粉> 在微博上,有个自定义的标签设定,可以添加10个标签.别以为一个小小的标签,就随便写几个得了,那损失真的是大大的. 理由很简单,第一波粉丝都是从标签处来. 微博注册之初,系统会有一个推荐收听功能,这个推荐收听所一句就是拥有共同的微