因为一直为元素居中问题而困扰，所以决定把自己遇到和看到的方法记录下来，以便以后查看
  1. 如果要让inline或inline-block元素居中显示，则父元素css中包含text-align:center;
  2. 如果让block元素居中，为其本身添加margin:0 auto;
  3. 复杂情形下可以用： 
    display:flex;  /*盒子模型*/
    
flex-direction: row;  /*横向*/
    
justify-content: space-around; /*主轴居中*/
    
align-items: center; /*纵轴居中*/
    



												


											
CSS文本居中显示的更多相关文章
	

    
								
  1. 重写TextView，实现圆形背景，文本居中显示
		
    最近,在做考试试题排版,产品提出题号希望显示成圆形背景,序号文本居中显示. (有点问题:文本没有绝对居中,暂时没做处理.) 为此,我采取的方式是重写TextView的onDraw方法,绘制一个圆形背景 ...
    
		
    2. 
						
  2. CSS文本溢出显示省略号
		
    项目中常常有这种需要我们对溢出文本进行"..."显示的操作,单行多行的情况都有(具体几行得看设计师心情了),这篇随笔是我个人对这种情况解决办法的归纳,欢迎各路英雄指教. 单行 语法 ...
    
		
    3. 
						
  3. css div居中显示的4种写法
		
    Demo:http://www.feman.cn/h5/center.html .absolute 绝对定位 这是我们最常用的一种居中定位写法 要求必须确定div的宽高度 目前市面上的浏览器基本上都支 ...
    
		
    4. 
						
  4. CSS——盒子居中显示
		
    嵌套中个的子盒子使用了绝对定位,父盒子使用了相对定位.那么子盒子如何居中显示: 1.距离左偏离50% 2.margin-right子盒子宽度的一半 <!DOCTYPE html> < ...
    
		
    5. 
						
  5. css 文本省略号显示
		
    文本省略号是非常常见的需求,而省略号展示又通常分为俩种情况折行和不折行.不折行: div { white-space:nowrap;/* 规定文本是否折行 */ overflow: hidden;/* ...
    
		
    6. 
						
  6. css 文本单行显示溢出时出现省略号  多行显示溢出时出现省略号   首行缩进
		
    一.文本单行显示溢出时出现省略号 二.文本多行显示溢出时出现省略号(这种样式只能在webkit和移动端使用,包括小程序,不能设置固定高度) 三.首行缩进两字符 text-indent: 2em; 四. ...
    
		
    7. 
						
  7. css   单行文本居中显示，多行文本左对齐
		
    父级元素 text-align:center; 自级元素 text-align:left; display:inline-block;
    
		
    8. 
						
  8. css 文本两行显示，超出省略号表示
		
     重点:text-overflow: ellipsis;只对display:inline:起作用 例子: <span class="a">我说说<b class= ...
    
		
    9. 
						
  9. css 文本溢出显示省略号
		
    <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8" ...
    
		
    10. 
		

	


随机推荐
	

    
									
  1. 使用node.js实现多人聊天室（socket.io、B/S）
			
    通过B/S架构实现多人聊天,客户端连接服务器,发送信息,服务器接收信息之后返回给客户端. 主要是通过socket.io实现浏览器和服务器之间进行实时,双向和基于事件的通信. socket.io官方文档 ...
    
			
    2. 
						
  2. Linux格式化数据盘
			
      一块全新的数据盘挂载到ECS实例后,您必须创建并挂载至少一个文件系统.本示例使用I/O优化实例,操作系统为CentOS 7.6,为一块新的20GiB数据盘(设备名为/dev/vdb)创建一个MBR ...
    
			
    3. 
						
  3. MyBatis 传一个类型为String的参数时常见问题及解决方法
			
    MyBatis要求如果参数为String的话,不管接口方法的形参是什么,在Mapper.xml中引用时需要改变为_parameter才能识别 : <select id="selectB ...
    
			
    4. 
						
  4. C++之void是什么？
			
    void关键字的使用规则: 1. 如果函数没有返回值,那么应声明为void类型: 2. 如果函数无参数,那么应声明其参数为void: 3. 如果函数的参数可以是任意类型指针,那么应声明其参数为void ...
    
			
    5. 
						
  5. Python学习（二）——Python基础
			
    基础 1.文件后缀名: 后缀名必须是.py,否则导入模块时会出错 2.执行方式: python解释器 .py文件路径 python 进入解释器 实时输入并获取执行结果 3.解释器路径 #!/usr/b ...
    
			
    6. 
						
  6. java平衡二叉树AVL数
			
    平衡二叉树(Balanced Binary Tree)具有以下性质:它是一棵空树或它的左右两个子树的高度差的绝对值不超过1,并且左右两个子树都是一棵平衡二叉树 右旋:在插入二叉树的时候,根节点的右侧高 ...
    
			
    7. 
						
  7. ubuntu的apt
			
    1. apt edit-sources  #编辑apt的源列表( 或者直接写这个命令:vim /etc/apt/sources.list ) 2. apt list   #列出包含条件的包(已安装,可 ...
    
			
    8. 
						
  8. java中4种常用线程池
			
    一.线程池 线程池:说白了,就是一种线程使用模式.线程过多会带来调度开销,进而影响整体性能.而线程池维护着多个线程,等待着监督管理者分配可并发执行的任务,这避免了在处理短时间任务时创建与销毁线程的代价 ...
    
			
    9. 
						
  9. linux 开启普通用户sudo root权限操作获取免密
			
    root 身份登陆 $ visudo然后进入修改配置找到 root    ALL=(ALL) ALL 在下面增加: yourusername ALL=(ALL)   NOPASSWD:  ALL ex ...
    
			
    10. 
						
  10. 大端（bigend)与小端（littleend)
			
                                      大端:是指数据的低位保存在内存的高地址中,而数据的高位,保存在内存的低地址中: 小端:是指数据的高位保存在内存的高地址中,而数据的高 ...
    
			
    11.