Excelと戯れるスーツな日々

でも心はプログラマ

Tinkerer: imageのalignが効かない件

alignでcenterを指定するとalign-centerというclassがimgに対して指定されるけど,定義がないなと思って探していたら,本当になかった。

https://bitbucket.org/vladris/tinkerer/issue/74/tinkerer-boilerplate-theme-stylesheets で報告されているけど,とりあえずboilerplateにあるmain.cssに追加しておいた。

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
 --- tinkerer/themes/boilerplate/static/main.css.orig        2013-04-08 21:37:28.000000000 +0900
 +++ tinkerer/themes/boilerplate/static/main.css     2013-04-08 21:37:39.000000000 +0900
 @@ -60,6 +60,36 @@
      vertical-align: middle;
  }

 +img.align-left, .figure.align-left, object.align-left {
 +    clear: left;
 +    float: left;
 +    margin-right: 1em;
 +}
 +
 +img.align-right, .figure.align-right, object.align-right {
 +    clear: right;
 +    float: right;
 +    margin-left: 1em;
 +}
 +
 +img.align-center, .figure.align-center, object.align-center {
 +  display: block;
 +  margin-left: auto;
 +  margin-right: auto;
 +}
 +
 +.align-left {
 +    text-align: left;
 +}
 +
 +.align-center {
 +    text-align: center;
 +}
 +
 +.align-right {
 +    text-align: right;
 +}
 +
  /*
   * Remove default fieldset styles.
   */