css水平居中的方法及代码 |
您所在的位置:网站首页 › dw中的文字居中代码 › css水平居中的方法及代码 |
一、水平居中
(1)行内元素
行内元素包括文本,图片,p标签等。可以通过设置父元素的text-align=center。 p a![]() 当前元素的宽度是确定的时候设置当前元素的margin为auto 当前元素为绝对定位时,不需要有明确的宽度。可以设置父元素为相对定位,当前元素为绝对定位,且left=0,right=0,margin=auto. 设置父元素的display属性为flex,justify-content=center; 对于不是表格的元素,可以通过 display: table-cell 将其模拟成一个表格单元格 td。设置父元素的display为table cell,并设置text-aglin=center就可以水平居中了。注意当前元素必须为行内元素,text-aglin才起作用。vertical-align: middle;垂直居中没有这一限制。 |
今日新闻 |
推荐新闻 |
CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3 |