文档章节

li横向排列

陈爱茹cx1992
 陈爱茹cx1992
发布于 2016/07/26 17:36
字数 95
阅读 24
收藏 0

精选30+云产品,助力企业轻松上云!>>>

img{border:none;}
ul,li{
margin:0;
padding:0;
}
li{
list-style:none;
float:left;
display:inline;
margin-right:10px;

border:1px solid #AAAAAA;

// ie8中  强制按比例缩小图片

// max-width:100px;

}

// 强制按比例缩小图片

//  li img{
//  max-width:100px;
// }

<ul>
<li><a><img src ="image01/apple_1_bigger.jpg" /></a></li>
<li><a><img src ="image01/apple_2_bigger.jpg" /></a></li>
<li><a><img src ="image01/apple_3_bigger.jpg" /></a></li>
<li><a><img src ="image01/apple_4_bigger.jpg" /></a></li>
</ul>

陈爱茹cx1992
粉丝 0
博文 59
码字总数 0
作品 0
济南
程序员
私信 提问
加载中
请先登录后再评论。
20181117_html_第六次(作业)_王灏文

<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <style type="text/css"> /全局设置*/ { margin:0; padding:0; } body/主体/ { background-image: url("imgs/body_bg.jpg......

return_王某
2018/11/18
2
0
ul li设置横排,并除去li前的圆点

如何用CSS制作横向菜单 让ul li横向排列及圆点处理 我们先建立一个无序列表,来建立菜单的结构。代码是: <ul> <li><a href="1">首页</a></li> <li><a href="2">产品介绍</a></li> <li><a hr......

Oh_really
2015/03/09
57
0
flex两行布局思路

需求是这样的实现两排滑动,里面元素数量不定,样式如下; 看到两排滑动我就直接想到了用大div套中两个元素,然后向右自然排列,类似于这样: 但是这样虽然能实现样式,却不能很方便的循环填...

osc_4h4pnshu
2019/12/23
6
0
20181118_html_第七次(作业)_王灏文

<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <style type="text/css"> /全局定义*/ { margin:0; padding:0; overflow-x:hidden;/隐藏横向滚动条/ } .top/页面顶部div/ ......

return_王某
2018/11/21
22
0
CSS动画实现滚动播放

通过CSS3动画实现内容在特定区域滚动播放,当鼠标指上去的时候停止滚动 这里是ul列表内容总共十张图片,但是为了播放的连续性,又复制了一份li,这样就不会出现间断 通过animation-play-stat...

osc_tartz9st
2019/06/15
2
0

没有更多内容

加载失败,请刷新页面

加载更多

App Builder 2020中文版

教程: 1、断开网络连接,下载解压,运行对应操作系统App Builder 2020安装包; 2、在弹出的窗口中勾选同意条款协议,点击【Next】; 3、创建桌面快捷方式,点击【Next】; 4、一切准备就绪,...

osc_62a7f5bj
21分钟前
19
0
蚂蚁金服轻量级类隔离框架 Maven 打包插件解析 | SOFAArk 源码解析

SOFAStack(Scalable Open Financial Architecture Stack)是蚂蚁金服自主研发的金融级云原生架构,包含了构建金融级云原生架构所需的各个组件,是在金融场景里锤炼出来的最佳实践。 本文为《...

SOFAStack
03/19
11
0
Java 高级 面试题 及 参考答案

一、面试题基础总结 1、 JVM结构原理、GC工作机制详解 答:具体参照:JVM结构、GC工作机制详解 ,说到GC,记住两点:1、GC是负责回收所有无任何引用对象的内存空间。 注意:垃圾回收回收的是无...

osc_np3y0rbq
22分钟前
10
0
面试准备季——MyBatis 面试专题(含答案)

写在前面:2020年面试必备的Java后端进阶面试题总结了一份复习指南在Github上,内容详细,图文并茂,有需要学习的朋友可以Star一下! GitHub地址:https://github.com/abel-max/Java-Study-...

osc_1ipdqsf2
23分钟前
8
0
Redis 高频面试题:10w+QPS 的 Redis 真的只是因为单线程和基于内存?

你以为 Redis 这么快仅仅因为单线程和基于内存? 那么你想得太少了,我个人认为 Redis 的快是基于多方面的:不但是单线程和内存,还有底层的数据结构设计,网络通信的设计,主从、哨兵和集群...

osc_qgfjs4a5
24分钟前
18
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部