jeena/en.javascript.info
1
0
Fork 0
Code Issues Pull requests Projects Packages Wiki Activity Actions

minor renovations, beautify round 2 (final)

Browse source
This commit is contained in:
Ilya Kantor 2015-03-12 10:26:02 +03:00
parent fad6615c42
commit 8410ce6421
212 changed files with 1981 additions and 1717 deletions
Download patch file Download diff file Expand all files Collapse all files

2
8-css-for-js/6-css-center/3-vertical-align-table-cell-position/solution.md
View file

@ -9,7 +9,7 @@
В однострочном случае можно сделать центрирование при помощи `line-height`:
```html
<!--+ run -->
<!--+ run no-beautify -->
<style>
.arrow {
position: absolute;

2
8-css-for-js/6-css-center/3-vertical-align-table-cell-position/task.md
View file

@ -7,7 +7,7 @@
Почему оно не работает? Нажмите на просмотр, чтобы увидеть (стрелка должна быть в центре по вертикали).
```html
<!--+ run height=70 -->
<!--+ run height=70 no-beautify -->
<style>
.arrow {
position: absolute;

14
8-css-for-js/6-css-center/article.md
View file

@ -77,7 +77,7 @@
Центрируемый элемент позиционируем абсолютно и опускаем до середины по вертикали при помощи `top:50%`:
```html
<!--+ autorun height=100 -->
<!--+ autorun height=100 no-beautify -->
<style>
.outer {
position: relative;
@ -108,7 +108,7 @@
**Приподнимем элемент на пол-высоты при помощи `margin-top`:**
```html
<!--+ autorun height=100 -->
<!--+ autorun height=100 no-beautify -->
<style>
.outer {
position: relative;
@ -144,7 +144,7 @@
Вертикально отцентрировать одну строку в элементе с известной высотой `height` можно, указав эту высоту в свойстве `line-height`:
```html
<!--+ autorun height=100 -->
<!--+ autorun height=100 no-beautify -->
<style>
.outer {
height: 5em;
@ -179,7 +179,7 @@
Например, ниже есть таблица со всеми 3-мя значениями:
```html
<!--+ autorun height=130 -->
<!--+ autorun height=130 no-beautify -->
<style>
table { border-collapse: collapse; }
td {
@ -252,7 +252,7 @@
Допустим, высота внешнего элемента `120px`. Укажем её в свойстве `line-height`:
```html
<!--+ autorun height=150 -->
<!--+ autorun height=150 no-beautify -->
<style>
.outer {
line-height: 120px;
@ -282,7 +282,7 @@
Пример:
```html
<!--+ autorun -->
<!--+ autorun no-beautify -->
<style>
.before {
display: inline-block;
@ -352,7 +352,7 @@
Второе решение:
```html
<!--+ autorun -->
<!--+ autorun no-beautify -->
<style>
.outer:before {
content: '';