简单的tooltip：

<div title="This is my tooltip">

复杂的tooltip参考：http://www.designer-daily.com/jquery-prototype-mootool-tooltips-12632

 
function css(a) {
    var sheets = document.styleSheets, o = {};
    for (var i in sheets) {
        var rules = sheets[i].rules || sheets[i].cssRules;
        for (var r in rules) {
            if (a.is(rules[r].selectorText)) {
                o = $.extend(o, css2json(rules[r].style), css2json(a.attr('style')));
            }
        }

div {
    width: 100%;
    width: -webkit-calc(100% - 50px);
    width: -moz-calc(100% - 50px);
    width: calc(100% - 50px);
}

参考：http://caniuse.com/#feat=calc

pre {
    white-space: pre-wrap;       /* CSS 3 */
    white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
    white-space: -pre-wrap;      /* Opera 4-6 */
    white-space: -o-pre-wrap;    /* Opera 7 */
    word-wrap: break-word;       /* Internet Explorer 5.5+ */
}

.boxsizingBorder {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}

兼容性参考：http://caniuse.com/#feat=css3-boxsizing

#box {
  height: 90px;
  line-height: 90px;
}

background-size: 50% 50%;

不过不是所有浏览器都支持的。

Drupal 7的managed_file类型有个bug，不支持prefix和suffix属性，可以通过增加一个container绕过：

$array['rows'][] = array(
  'file_managed_container' => array(
    '#prefix' => '<td>',
    '#suffix' => '</td>',
    'file_managed_element' => array(
      '#type' => 'managed_file',
      ...
    ),
  ),
);

An example of view block with related nodes based on 'tags'.
1. Create a block (take a look at screenshots below)
2. Add a relationship: Taxonomy term: Content using: Tags
3. Add contextual filter: (field_tags) Content: Nid

When the filter value is NOT available
Provide default value -> Content ID from URL

MORE
check: Exclude
this contextual filter will remove current node from the view
4. Add contextual filter: Taxonomy term: Term ID