User:Stonestone/RandomNotes: Difference between revisions

From XPUB & Lens-Based wiki
No edit summary
No edit summary
Line 104: Line 104:
<hr /><hr /><hr />
<hr /><hr /><hr />
<span style="font-weight: bold;border-style: solid;border-width: 2px 5px 7px;">[[User:Stonestone/525jbiaoqingbao|stickers of I love my home]]</span>
<span style="font-weight: bold;border-style: solid;border-width: 2px 5px 7px;">[[User:Stonestone/525jbiaoqingbao|stickers of I love my home]]</span>
<pre>
不定宽度的块状元素有三种方法居中(这三种方法目前使用的都比多):
1)加入 table 标签
第一步:为需要设置的居中的元素外面加入一个 table 标签 ( 包括 <tbody>、<tr>、<td> )。
<div>
<table>
  <tbody>
    <tr><td>
    <ul>
        <li><a href="#">1</a></li>
        <li><a href="#">2</a></li>
        <li><a href="#">3</a></li>
    </ul>
    </td></tr>
  </tbody>
</table>
</div>
第二步:为这个 table 设置“左右 margin 居中”(这个和定宽块状元素的方法一样)。
<style>
table{
    margin:0 auto;
}
ul{list-style:none;margin:0;padding:0;}
li{float:left;display:inline;margin-right:8px;}
</style>
2)设置 display;inline 方法
改变块级元素的 display 为 inline 类型,然后使用 text-align:center 来实现居中效果。如下例子
<body>
<div class="container">
    <ul>
        <li><a href="#">1</a></li>
        <li><a href="#">2</a></li>
        <li><a href="#">3</a></li>
    </ul>
</div>
</body>
<style>
.container{
    text-align:center;
}
.container ul{
    list-style:none;
    margin:0;
    padding:0;
    display:inline;
}
.container li{
    margin-right:8px;
    display:inline;
}
</style>
3) 设置 position:relative 和 left:50%;
父元素设置 float,然后给父元素设置 position:relative 和 left:50%
子元素设置 position:relative 和 left:-50% 来实现水平居中
<body>
<div class="container">
    <ul>
        <li><a href="#">1</a></li>
        <li><a href="#">2</a></li>
        <li><a href="#">3</a></li>
    </ul>
</div>
</body>
<style>
.container{
    float:left;
    position:relative;
    left:50%
}
.container ul{
    list-style:none;
    margin:0;
    padding:0;
   
    position:relative;
    left:-50%;
}
.container li{float:left;display:inline;margin-right:8px;}
</style>
</pre>

Revision as of 19:37, 2 March 2016

https://iffr.com/en/2016/films/establishing-eden http://exhibitionist.nl/tentoonstelling/establishing-eden/ https://www.youtube.com/watch?v=xXHJ41_1BZ0 https://www.youtube.com/watch?v=mtoerB1I1eQ https://www.youtube.com/watch?v=ed9sf0kdZn4 https://www.youtube.com/watch?v=NOvKpX8xbcI


http://1646.nl/projects/mindplace-thoughtstream https://vimeo.com/126439388


References From David for Nosebleed
ED OP DE BEEK (STAGING SILENCE)
GUIDO
JACCO CLAERBOUT
ISSAC JULIEN
CEAL FLOYER


Done Birthing Stopped Dead


Sometimes I sleep...


~ -- tilde 波浪线 
! -- bang [或 Exclamation mark] 叹号 
@ -- at 
# -- number sign [或 pound sign] 井号 hashtag
$ -- dollar 美元符 
%-- percent 百分号 
^ -- accent 幂 
& -- and 和 
* -- star [或 asterisk] 星号 
( -- open round 左括号
)-- close round 右括号 
+ -- plus 加 
- -- sub [或 midline 或 dash] 减 
= -- equal 等于 
_ -- underline 下划线 
\ -- backslash 反斜线 
| -- vertical [或 bar] 竖线 
{ -- open brace 左花括号 
} -- close brace 右花括号 
[ -- open quad 左方括号 
] -- close quad 左方括号 
: -- colon 冒号 
; -- semicolon 分号 
" -- quote 引号 
' -- single quote 单引号 
? -- question 问号 
/ -- slash 斜线 
< -- open angle (less-than sign) 左尖括号(小于号) 
> -- close angle (greater-than sign)右尖括号(大于号) 
, -- comma 逗号 
. -- dot 点号
还有空白符: 
' ' -- space 空格
'\n' -- newline 换行
'\t' -- table 制表符
\r' -- return ???
至于 "..." 不是单个字符,就不列在上面了,英文名为ellipsis (省略符)
德行第一
言语第二
政事第三
文学第四
方正第五
雅量第六
识鉴第七
赏誉第八
品藻第九
规箴第十
捷悟第十一
夙慧第十二
豪爽第十三
容止第十四
自新第十五
企羡第十六
伤逝第十七
栖逸第十八
贤媛第十九
术解第二十
巧艺第二十一
宠礼第二十二
任诞第二十三
简傲第二十四
排调第二十五
轻诋第二十六
假谲第二十七
黜免第二十八
俭啬第二十九
汰侈第三十
忿狷第三十一
谗险第三十二
尤悔第三十三
纰漏第三十四
惑溺第三十五
仇隙第三十六



stickers of I love my home

不定宽度的块状元素有三种方法居中(这三种方法目前使用的都比多):
1)加入 table 标签
第一步:为需要设置的居中的元素外面加入一个 table 标签 ( 包括 <tbody>、<tr>、<td> )。
<div>
<table>
  <tbody>
    <tr><td>
    <ul>
        <li><a href="#">1</a></li>
        <li><a href="#">2</a></li>
        <li><a href="#">3</a></li>
    </ul>
    </td></tr>
  </tbody>
</table>
</div>
第二步:为这个 table 设置“左右 margin 居中”(这个和定宽块状元素的方法一样)。
<style>
table{
    margin:0 auto;
}
ul{list-style:none;margin:0;padding:0;}
li{float:left;display:inline;margin-right:8px;}
</style>

2)设置 display;inline 方法
改变块级元素的 display 为 inline 类型,然后使用 text-align:center 来实现居中效果。如下例子
<body>
<div class="container">
    <ul>
        <li><a href="#">1</a></li>
        <li><a href="#">2</a></li>
        <li><a href="#">3</a></li>
    </ul>
</div>
</body>
<style>
.container{
    text-align:center;
}
.container ul{
    list-style:none;
    margin:0;
    padding:0;
    display:inline;
}
.container li{
    margin-right:8px;
    display:inline;
}
</style>

3) 设置 position:relative 和 left:50%;
父元素设置 float,然后给父元素设置 position:relative 和 left:50%
子元素设置 position:relative 和 left:-50% 来实现水平居中
<body>
<div class="container">
    <ul>
        <li><a href="#">1</a></li>
        <li><a href="#">2</a></li>
        <li><a href="#">3</a></li>
    </ul>
</div>
</body>
<style>
.container{
    float:left;
    position:relative;
    left:50%
}

.container ul{
    list-style:none;
    margin:0;
    padding:0;
    
    position:relative;
    left:-50%;
}
.container li{float:left;display:inline;margin-right:8px;}
</style>