HTML & CSS – 第 2 页

.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}

.noselect {

-webkit-touch-callout: none; /* iOS Safari */

-webkit-user-select: none; /* Safari */

-khtml-user-select: none; /* Konqueror HTML */

-moz-user-select: none; /* Firefox */

-ms-user-select: none; /* Internet Explorer/Edge */

user-select: none; /* Non-prefixed version, currently

supported by Chrome and Opera */

}

html代码

<p>
  可选中文本.
</p>
<p class="noselect">
  禁止选中文本.
</p>

<p>

可选中文本.

</p>

禁止选中文本.

</p>

2012年10月10日2017年08月10日

CSS实现Div在另一个Div中居中

HTML代码：

<div id="outer" style="width:100%">
  <div id="inner">Foo foo</div>
</div>

</div>

可以通过为inner区块添加下面的css样式实现：

#inner {
  width: 50%;
  margin: 0 auto;
}

#inner {

width: 50%;

margin: 0 auto;

}

当然width设置为50%是非必须的，实现div区块居中生效的是marin属性，如果目标浏览器为IE8+ 可以用下面的样式来代替：

#inner {
  display: table;
  margin: 0 auto;
}

#inner {

display: table;

margin: 0 auto;

}