li中的list-style-images图片标记影响文字垂直居中,如何才让图片与文字保持垂直居中。。

li中的list-style-images图片标记影响文字垂直居中,如何才让图片与文字保持垂直居中。。,第1张

这个呀好办,你在做时就用你要打印的纸张的大小,比如你要用A4的你就在PS中的画布大小设成A4的大小,在在PS中打好字,在按R 时你就会发现PS边上会出现标尺,你可以在那上面调你要的位置,这样做出来的字就会很精确的放在你要的地方了

1文字居中定义
文字居中始终是要的,所以首先给予ul外层div一个text-align(文本对齐:居中),还可以给一个“溢位:隐藏(overflow: hidden;)”,当然也可以定义一下高和宽。
2ul定义
ul不能定义宽度,我们只能给一个定位,类型为相对(position: relative),置入左为50%(left: 50%),当然也可以给一个浮动。请注意,ul千万不能用溢位:隐藏(overflow: hidden;),这样,部分li就无法显示。
3li定义
li的定义跟ul差不多,宽度不固定,同样给一个定位,类型为相对(position: relative),置入右为50%(right: 50%),恰恰和ul相反,这样定义后li就可以无论分页多少始终居中了。


欢迎分享,转载请注明来源:内存溢出

原文地址: https://www.outofmemory.cn/yw/13388086.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-07-26
下一篇 2023-07-26

发表评论

登录后才能评论

评论列表(0条)

保存