position

如果希望元素不可见、不占据空间、资源会加载、DOM 可访问： display: none ； 如果希望元素不可见、不能点击、但占据空间、资源会加载，可以使用： visibility: hidden ； 如果希望元素不可见、不占据空间、显隐时可以又 transition 淡入淡出效果： div{ position: absolute; visibility: hidden; opacity: 0; transition: opacity .5s linear; background: cyan; } div.active{ visibility: visible; opacity: 1; } 这里使用 visibility: hidden 而不是 display: none ，是因为 display: none 会影响css3的 transition 过渡效果。 但是 display: none 并不会影响css animation 动画的效果。 如果希望元素不可见、可以点击、占据空间，可以使用： opacity: 0 ； 如果希望元素不可见、可以点击、不占据空间，可以使用： opacity: 0; position: abolute; ； 如果希望元素不可见、不能点击、占据空间，可以使用： position: relative; z-index: -1; ； 如果希望元素不可见

1 对于最最基础的单行文本，要想实现垂直方向居中，很简单的方法就是让文本的行高等于父级元素的高度。这个仅适用于让当行文本垂直居中的情况，多行文本就不适用了。 father{ width:500px; height:500px } child{ line-height:500px; } 2 如果是图片的话，直接设置img的属性vertical-align: middle;前提是需要设置父级元素为块级元素并且设置高度。 3 用absolute绝对定位，分别父级元素和子元素的position为 HTML： <div class="out"> <div class="in"> 节点内容节点内容 </div> </div> .out {position: relative;} .in { position: absolute; top: 50%; left: 50%; height: 30%; width: 50%; margin: -15% 0 0 -25%; } 这个只适玉元素本身有规定的高度和宽度，但是实际应用中是要根据内容才能确定高度，所以就有了升级版 4 用absolute定位，并且可不限制高度。很简单，借助强大的CSS3中的translate() 变形函数。具体原理是translate() 属性值的百分比是元素本身的宽高为基准进行计算的

一共收集整理了图形20个，比较实用，同时也为了熟悉CSS的代码。整合了一下，有错误欢迎指出。 1.正方形 #square { width: 100px; height: 100px; background: red;} 2.长方形 #rectangle { width: 200px; height: 100px; background: red;} 3.左上三角 #triangle-topleft { width: 0; height: 0; border-top: 100px solid red; border-right: 100px solid transparent; } 4.右上三角 #triangle-topright { width: 0; height: 0; border-top: 100px solid red; border-left: 100px solid transparent;} 5.左下三角 #triangle-bottomleft { width: 0; height: 0; border-bottom: 100px solid red; border-right: 100px solid transparent; } 6.右下三角 #triangle-bottomright { width: 0; height: 0; border-bottom

Day06 #1 private Context context; private List<String> mData; public ViewPagerAdapter(Context context, List<String> mData) { this.context = context; this.mData = mData; } @Override public int getCount() { return mData.size(); } @Override public boolean isViewFromObject(@NonNull View view, @NonNull Object o) { return view == o; } @NonNull @Override public Object instantiateItem(@NonNull ViewGroup container, int position) { //加载vp的布局 View inflate = View.inflate(context, R.layout.vp_layout, null); //给布局中的控件赋值 TextView textView = inflate.findViewById(R.id.vp_tv_id); textView.setText(mData.get

数据更新操作，对单条记录，可以使用save或者是update两种方式。 save() 默认保存后会看到sql语句中更新了所有字段，而save的值是之前获取时候的字段值，是缓存下来的，并不一定最新，可能中途其他地方被更新过（在Django工程下的settings.py下将log设置为DEBUG，即可查看save和update分别执行了哪些SQL语句） UPDATE pxb_sx2_test SET user_id = 335, catalog_id = 12558, level_id = 4, level_status = 0, position = 440, type = 2, add_time = '2016-09-14 17:44:07', update_time = '2016-09-14 17:53:17.077520' WHERE pxb_sx2_test.id = 175; update 更新指定字段 UPDATE pxb_sx2_test SET position = 441 WHERE pxb_sx2_test.id = 175; 如果两个同时用，或者不同地方，但可能会同时更新的话会几率性出现更新了，但是数据库中值并没有改变。其实是update更新过后，正好save了过时的字段值，导致看起来没有更新。 django 1.5之后save可以加入参数只更新指定字段。

哪些表的索引个数过多： prompt <p>当前用户下,哪些表的索引个数字超过5个的 select table_name, count(*) cnt from user_indexes group by table_name having count(*) >= 5 order by cnt desc ; 　哪些表的外键未建索引： 　 prompt <p>将外键未建索引的情况列出 select table_name, constraint_name, cname1 || nvl2(cname2, ',' || cname2, null) || nvl2(cname3, ',' || cname3, null) || nvl2(cname4, ',' || cname4, null) || nvl2(cname5, ',' || cname5, null) || nvl2(cname6, ',' || cname6, null) || nvl2(cname7, ',' || cname7, null) || nvl2(cname8, ',' || cname8, null) columns from (select b.table_name, b.constraint_name, max(decode(position, 1, column_name, null)) cname1,

*/ /*--> */ report Z_PP_FIND_MULTBOM_MAT no standard page heading message - id YMM line - count 81 line - size 650 . "207 ************************************************************************ *INCLUDE ************************************************************************ include < LINE >. ************************************************************************ *DDIC ************************************************************************ tables :MARA,MARC,BKPF,MARD,MAST. ************************************************************************ *ALV层级关系定义 ***********************************

　　之前在 几个CSS布局问题 中，举了上下固定，中间自适应布局的例子，当时的例子父级元素的宽高都给定了，其实并不是个好例子，既然要自适应，父级元素就应该跟着页面大小变化，从而中间子元素也自适应。3种方法，其实是2种，因为是针对body，所以用fixed可以直接替换absolute来用。注意同时给html和body的height100%，只给一个不行。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <style type="text/css"> # { margin: 0; padding: 0; } html { height: 100%; } body { width: 100%; height: 100%; margin: 0; font-size: 60px; } .class1 { height: 200px; width: 100%; background: #ccc; position: absolute; /*position: fixed;*/ top: 0; } .class2 { width: 100%; background: #888; position: absolute; top: 200px; bottom:

1、XML文件 <?xml version="1.0" encoding="utf-8"?> <Gallery xmlns:android="http://schemas.android.com/apk/res/android" android:id="@+id/gallery01" android:layout_width="fill_parent" android:layout_height="wrap_content" > </Gallery> 2、ImageAdapter public class ImageAdapter extends BaseAdapter { // 定义context private Context context; // 定义整型数组，即图片源 private Integer[] imageIds = { R.drawable.button1, R.drawable.button2, R.drawable.button3, R.drawable.button31 }; // 声明ImageAdapter public ImageAdapter(Context c) { context = c; } // 获取图片数量 @Override public int getCount() { return imageIds.length; } //

效果 参考其他博客, 使用rxjs6实现拖拽接龙 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="./rxjs.umd.js"></script> <style> .box { width: 50px; height: 50px; background: deepskyblue; position: absolute; left: 0; right: 0; border-radius: 50%; } </style> </head> <body> <div class="box move" style="background: deepskyblue;z-index: 10" id="box"></div> <div class="box move" style="background: red;z-index: 9" ></div> <div class="box move" style="background: orange;z-index: 8"></div> <div class="box move" style="background: yellow;z-index: 7"></div> <div class="box move