当前位置: 首页 > Web前端 > HTML5

CSS子元素文字长度超过父元素的文字居中方式

时间:2023-04-04 22:51:49 HTML5

黄埔娃哈哈乐百氏777娃哈哈非常好的区域

要点:1.子元素设置时不要换行,并且是一个内联块级元素,让文本有实际宽度2.以父元素的50%宽度为基准向右平移,将参考点定位在父元素的中心,即margin-left:50%.3.基于文本本身的宽度向左偏移文本长度的一半,即transform:translateX(-50%)。