急!CSS中，怎么让ul li中的图片和文字横向水平居中
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了急!CSS中，怎么让ul li中的图片和文字横向水平居中相关的知识，希望对你有一定的参考价值。
就是类似于QQ那种前面是头像。后面是文字。横向排列的时候让文字和图片水平对齐。但是我说的这个比QQ还多两个图标，是这样的顺序“图标+头像+文字+图标”让这几个元素横向排列的时候在水平位置上是对奇的，不知道我表达清楚没。
建一个div，ul里面包括四个li，在css样式里面设置li水平对齐就行了，text-align:center; 如果发现图片不能对齐的话，可以对它单独设置个padding值。 参考技术A <ul>不用太多设置<li>为图标，头像，文字，图标分别设置宽度，甚至可以做4个LI，放在一个UL里，循环UL实现。
LI里为了防止被内容撑开，可以把LI定宽，甚至overflow:hidden;都可以。本回答被提问者采纳 参考技术B text-align:center;
前台脚本：UL LI 列标签文字内容超出宽度后换行？
网页设计 网站美工 前台美工 UI看图就明白了！我是给li 一个background：url：（img/1jpg） left center on -repeat; 如何让li换行的问题和第一行文字垂直对齐呢？ 米即到 这个几个和上面垂直居中！ 附件: 您所在的用户组无法下载或查看附件，您需要注册/登录后才能查看！开源cms asp程序 免费cms
参考技术A 3中方法1.在第2行文字前打空格 2.把那个点当做背景，然后设定LI宽度3.把整个文字加个<p>标签，然后给p加宽度以上是关于急!CSS中，怎么让ul li中的图片和文字横向水平居中的主要内容，如果未能解决你的问题，请参考以下文章