因为一直为元素居中问题而困扰，所以决定把自己遇到和看到的方法记录下来，以便以后查看
  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. Jmeter 断言使用
			
    先说一下使用断言的目的:在request的返回层面增加一层判断机制.因为request成功了,并不代表结果一定正确.类似于QTP中的检查点检查点.断言的使用方法: step_1:在你选择的Sample ...
    
			
    2. 
						
  2. cordova将vue项目打包成apk
			
    1,若vue项目不在cordova项目里,直接把它复制进来,避免改动代码的麻烦 2,直接按照以下链接进行操作即可 链接:https://www.cnblogs.com/qirui/p/8421372. ...
    
			
    3. 
						
  3. Linux的一些命令（CentOS7）
			
    注:下面的文件名和文件夹名字都支持通配符 init 0:关机 init 6:重启 clear:清屏 ip addr:查看ip地址 passwd 用户名:修改指定用户的密码 时间相关的命令: date: ...
    
			
    4. 
						
  4. Linux下编译并使用miracl密码库
			
    参考:http://blog.sina.com.cn/s/blog_53fdf1590102y9ox.html MIRACL(Multiprecision Integer and RationalAr ...
    
			
    5. 
						
  5. 看 C++ Primer 的58页， 讲拷贝时不能忽略 底层const这里的说的原因有点牵强， 这里给出自己的理解
			
    extern const  int ci =42; const int * p2  = &ci; extern const  int *const p3= p2; int *p= p3;    ...
    
			
    6. 
						
  6. c++写入注册表
			
    一.说明:      注册表是Windows重要组成部分,注册表记录了大量有关电脑软硬件的信息.注册表中的值通过其名称标识.值名称由与键名相同的字符组成.值本身可以是字符串.二进制数据或者是32位无符 ...
    
			
    7. 
						
  7. webservice笔记
			
    Web Service基本概念 Web Service也叫XML Web Service WebService是一种可以接收从Internet或者Intranet上的其它系统中传递过来的请求,轻量级的 ...
    
			
    8. 
						
  8. C语言：对长度为7的字符串，除首尾字符外，将其余5个字符按ASCII降序排序。-计算并输出3~n之间所有素数的平方根之和。
			
    //对长度为7的字符串,除首尾字符外,将其余5个字符按ASCII降序排序. #include <stdio.h> #include <ctype.h> #include < ...
    
			
    9. 
						
  9. jmeter数据分析，压测实现
			
    1.开始之前,先介绍下压测的一些基本插件:线程组常用分为三类:user thread , step thread ,ultimate  thread : user thread :最通用的最原始的线程 ...
    
			
    10. 
						
  10. Springboot中使用kafka
			
    注:kafka消息队列默认采用配置消息主题进行消费,一个topic中的消息只能被同一个组(groupId)的消费者中的一个消费者消费. 1.在pom.xml依赖下新添加一下kafka依赖ar包 < ...
    
			
    11.