m0_59742099
2021-06-27 16:14
采纳率: 50%
浏览 37

用div css怎么将图片和链接再加文字同一行居中呢?

如这个图片一样,左边的点是一个图片,中间的内容是链接,右边的是文字内容,每一行下面还有一个下划线一样的背景图片,这个图片整个内容我都做不出来,已经卡这里很久了,可以请高手们不吝赐教教我怎么做吗

  • 点赞
  • 写回答
  • 关注问题
  • 收藏
  • 邀请回答

4条回答 默认 最新

  • CSDN专家-Fay 2021-06-27 16:15
    已采纳

    直接用行内元素放在div中就可以了啊,下面虚线就是给div加border-bottom:1px solid  dotted

    <style>
    		ul{
    			width:250px;
    			list-style:none
    		}
    		li{
    			border-bottom:1px dotted silver;
    			line-height:25px
    		}
    		a{
    			text-decoration:none;
    			color:black
    		}
    		a font{
    			color:orange
    		}
    	</style>
    	<body>
    		<ul>
    			<li><a href="#"><font>♦</font> 中国园艺学会...[9-10]</a>
    			<li><a href="#"><font>♦</font> 中国园艺学会...[9-10]</a>
    			<li><a href="#"><font>♦</font> 中国园艺学会...[9-10]</a>
    			<li><a href="#"><font>♦</font> 中国园艺学会...[9-10]</a>
    			<li><a href="#"><font>♦</font> 中国园艺学会...[9-10]</a>
    		</ul>
    	</body>

     

    点赞 打赏 评论
  • m0_59476523 2021-06-27 16:17

    加我微信我教你

    点赞 打赏 评论
  • thinkphp99 2021-06-27 16:21

    ul li几行用几个li li里面放行内元素写内容就好了,放块级元素的话加浮动

    点赞 打赏 评论
  • 佛系玩家---编程 2021-06-27 16:36

    vertical-aling:middle 

    点赞 打赏 评论

相关推荐 更多相似问题