当前位置: 首页 > 面试题库 >

调整清单样式图片的位置?

冀鸿才
2023-03-14
问题内容

有没有办法调整列表样式图像的位置?

当我对列表项使用填充时,图像将停留在其位置,并且不会随着填充而移动…


问题答案:

并不是的。您的填充(可能)将应用于列表项,因此只会影响列表项中的实际内容。

结合使用 背景 样式和 填充 样式可以创建看起来类似的内容,例如

li {
  background: url(images/bullet.gif) no-repeat left top; /* <-- change `left` & `top` too for extra control */
  padding: 3px 0px 3px 10px;
  /* reset styles (optional): */
  list-style: none;
  margin: 0;
}

您可能希望将样式添加到父级列表容器(ul)中,以放置项目符号列表项,此A ListApart文章提供了很好的入门参考。



 类似资料:
  • 用html方式table导出excel,多张图片放在td里怎么自动排列,现在导出只会重叠在一起,样式怎么写

  • 问题内容: 下面的代码调整位图的大小并保持宽高比。我想知道是否有一种更有效的大小调整方法,因为我想到了我正在编写android API中已经可用的代码。 问题答案: 使用方法:)

  • 本文向大家介绍基于javascript实现样式清新图片轮播特效,包括了基于javascript实现样式清新图片轮播特效的使用技巧和注意事项,需要的朋友参考一下 本文实例为大家分享了javascript实现图片轮播特效,供大家参考,具体内容如下 一、实现效果 如上图:   1、图片自动依次轮换,每轮换到一张图片,下面对应的小图标出现红色边框,并显示对应的图片名称   2、鼠标放到大图片上面的时,图片

  • 问题内容: 我有以下JPQL请求; 但它显示以下错误: 我的问题是什么原因? 问题答案: 行之间没有空格 还要检查?3参数是否为空列表

  • 目标:我试图在一个片段中应用两个不同的主题。一个用于片段的整体xml,另一个用于片段xml中的特定视图。 原因/问题:这是因为似乎不可能使用MaterialComponents将浮动操作按钮的整个背景更改为向量,但它确实适用于appCompat。 最初,我试图使用style="..."更改xml中的主题,如下所示,但它似乎正在恢复到清单中声明的主题AppTheme1。我知道这一点,因为我通过切换在

  • 本文向大家介绍Bootstrap Img 图片样式(推荐),包括了Bootstrap Img 图片样式(推荐)的使用技巧和注意事项,需要的朋友参考一下  Bootstrap提供了四种用于<img>类的样式,分别是: .img-rounded:圆角 (IE8 不支持),添加 border-radius:6px 来获得图片圆角; .img-circle:圆形 (IE8 不支持),添加 border-r