HTML和CSS中的ui和li标记的文字大小间距和文字与图片与文字显示问题？

如何使li标记显示在一行？li标记的文字与图片显示在一起？图片说明

写回答
好问题 0 提建议
追加酬金
关注问题
分享
邀请回答
编辑收藏删除结题
收藏举报

4条回答

关注

码龄粉丝数原力等级 --

被采纳

被点赞

采纳率
qinchao888 2017-12-03 09:51
关注
显示在一行给li设置float:left或将其转化为行内元素，即设置display: inline;

解决无用
评论打赏
分享
举报

评论

按下Enter换行，Ctrl+Enter发表内容

报告相同问题？

关注问题

求助html,li标签中的文字和图片不在一行！ css css3 html5
2019-06-01 10:08

回答 1 已采纳你的图片不要加display:block;这样会独自占一行 ``` ```
html移动桌面或者另存为图片和文字特效不显示咋办？ css html5
2023-03-23 20:06

回答 1 已采纳参考GPT和自己的思路：可能是你的图片和艺术字体的路径设置不正确，在 hbuilder x 运行的时候可以正确地找到路径，而在单独另存为或保存优盘的时候，路径就发生了变化，导致无法正确显示。你可以检
HTML+CSS可以制作出弧形文字吗？ css3 html5 前端
2021-12-31 16:38

回答 2 已采纳可以的。利用定位，再加上css3的变换属性，transform，roate（***deg）就可以实现。各种位置角度都能实现。给你写了个例子，你copy运行下就可以。如果对你有帮助，点下采纳一下，谢谢。
css ui li 居左,拿到 UI 时，前端人该如何思考？
2021-08-03 22:57

Reaychard的博客作者：前端小智来源：大迁世界经常有人私信我，小智这个设计图用 CSS 要怎么布局呀，这个按钮要怎么画的。所以今天，在这篇文章我们来介绍一些新的布局的方法，希望对智米们有些用处。把设计细节放在一边我通常做的...
鼠标停留不同文字怎么显示与文字相对应的图片？ css html 前端
2022-03-02 15:52

回答 4 已采纳 <!DOCTYPE html> <html> <head> <style> li {
li标签中换行后图片与文字之间空隙过大 css css3 html5
2022-02-13 15:19

回答 3 已采纳你肯定为了li元素内的文字垂直居中设置了 li元素的 line-height 而logo 的strong 作为li的子元素继承了他的css 所以 Logo 这个文字也存在很大的line-he
用div css怎么将图片和链接再加文字同一行居中呢？ css css3 html5 有问必答
2021-06-27 16:14

回答 4 已采纳直接用行内元素放在div中就可以了啊，下面虚线就是给div加border-bottom:1px solid dotted <style> ul{ width:250px;
前端入门之HTML与CSS
2023-04-22 10:45

玖汐」的博客前端入门学习个人笔记-HTML, CSS
CSS div里的图片和文字怎样水平 css3 html5
2021-08-29 16:29

回答 4 已采纳 display:flexalign-items:center
用css怎么将图片和下面一行文字居中 css html
2022-01-02 16:59

回答 2 已采纳 CSS代码 body { background-color: blue; color: red; } .juzhong {
HTML+CSS浮动实现图片上有描述文字 css html 前端
2022-02-25 09:00

回答 3 已采纳这个不需要用浮动，绝对定位就可以。 <style> #contain { display: inline-block; position: rel
html怎么用ul和li弄展开式的列表,ul li html无序列表标签组学�?CSS布局HTML
2021-06-10 10:10

sheng Chris的博客属于无序列表组合标签-�?...ul下只能放li标签，li标签内可以放任何标签，当然也可以�?strong>li内再�?strong>ul li组合列表标签�?/p>1、语法：列表内容一列表内容�?lt;/li>列表内容�?lt...
Web 前端—HTML+CSS系列
2022-10-20 14:12

-molecule.的博客 HTML+CSS
goteam2：一种与队长，联队长和队员组成团队的创新方法
2021-02-06 10:30

立即待办事项：固定Flexbox在CSS中居中（ :check_mark_button: ）在Sketch中制作样式表使制作团队按钮淡入（ :check_mark_button: ）以绿色突出显示<li>按钮（ :check_mark_button: ）固定间距（ :check_mark_...
CSS消除ul和li的间隔
2020-02-10 20:40

末木CT的博客最近用到<ul>和<li>标签，但是在做样式调整得时候发现列表项总是和前面保持一段距离，怎么调整都不行，如下图所示：后来搞清楚原来即使设置了隐藏列表...这样就可以清除ul和li之间的间距了。 ...
没有解决我的问题, 去提问

悬赏问题

¥20 腾讯企业邮箱邮件可以恢复么
¥15 有人知道怎么将自己的迁移策略布到edgecloudsim上使用吗？
¥15 错误 LNK2001 无法解析的外部符号
¥50 安装pyaudiokits失败
¥15 计组这些题应该咋做呀
¥60 更换迈创SOL6M4AE卡的时候，驱动要重新装才能使用，怎么解决？
¥15 让node服务器有自动加载文件的功能
¥15 jmeter脚本回放有的是对的有的是错的
¥15 r语言蛋白组学相关问题
¥15 Python时间序列如何拟合疏系数模型