小编Man*_*mar的帖子

如何在div中垂直对齐文本?

我试图找到最有效的方法来将文本与div对齐.我尝试了一些东西,似乎都没有用.

.testimonialText {
  position: absolute;
  left: 15px;
  top: 15px;
  width: 150px;
  height: 309px;
  vertical-align: middle;
  text-align: center;
  font-family: Georgia, "Times New Roman", Times, serif;
  font-style: italic;
  padding: 1em 0 1em 0;
}
Run Code Online (Sandbox Code Playgroud)
<div class="testimonialText">
  Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor
  in reprehenderit in voluptate velit esse …
Run Code Online (Sandbox Code Playgroud)

html css vertical-alignment

1102
推荐指数
19
解决办法
157万
查看次数

使页眉和页脚文件包含在多个html页面中

我想创建包含在几个html页面上的常见页眉和页脚页面.

我想用javascript.有没有办法只使用HTML和JavaScript?

我想在另一个html页面中加载页眉和页脚页面.

html javascript css jquery

122
推荐指数
8
解决办法
34万
查看次数

阻止用户通过Firebug/Chrome开发工具查找密码

隐藏密码

对于护照输入字段:

<input type="text" required="" tabindex="2" class="std_textbox" placeholder="Enter your account password." id="pass" name="pass">
Run Code Online (Sandbox Code Playgroud)

<input type="password">更改为<input type="text">密码时显示.在已保存密码或从密码管理器生成的系统中,这可能存在风险.

显示密码

可以在这里使用客户端加密吗?如何实施?

javascript browser security client dom

22
推荐指数
2
解决办法
1万
查看次数

Css按钮按下效果

我有一个带有阴影的按钮,使它看起来像是漂浮的,我想点击它时会产生一个紧迫的效果:

代码(CSS):

#startBtn
{
    font-family: OpenSans;
    color: #FFFFFF;
    background-color: #00FF7C;
    border: 1px solid #00FF7C;
    border-radius: 5px;
    box-shadow: 0px 5px 0px #00823F;
}
Run Code Online (Sandbox Code Playgroud)

代码(HTML):

<input type="button" id="startBtn" value="Let's begin">
Run Code Online (Sandbox Code Playgroud)

截图:

按键

html css animation input button

17
推荐指数
2
解决办法
6万
查看次数

小时与css的图像

我发现这很痛苦.我想在使用< hr />标签时让CSS使用图像.我目前正在使用:

hr
{
  display:block;
  border:none;
  height:10px;
  background-image:url('img/ruler.gif');
} 
Run Code Online (Sandbox Code Playgroud)

但是,我总是在图像周围找到边框.如你所见,border:none它什么都不做.

我知道有其他方法,比如使用div.但是只能使用hr标签吗?

主要用户将使用IE6,因此需要一个IE6兼容的解决方案.谢谢

html css

15
推荐指数
2
解决办法
3万
查看次数

Polymer的图标列表

聚合物入门套件参考<iron-icon>实施图标.

例如: <iron-icon icon="home"></iron-icon>

我已经检查了iron-iconsPolymer Catalog网站上的部分,但应该显示所有图标的演示是缺少的.

<iron-icon>标签中的所有图标是否还有其他参考?

html polymer

11
推荐指数
1
解决办法
1万
查看次数

物化框架:导航栏中的响应式徽标

我正在物化框架中创建一个网站.导航栏中的徽标有问题.所以我的徽标非常大(6202x3800像素),我没有任何其他版本.我想把这个标志放在导航栏中,但它总是超出框架nav-wrapper.我试图添加课程,responsive-img但它根本不起作用.

这是我的代码:

#allcontent {
  background-color: white;
  margin: 2%;
}
body {
  background: #d26335;
}
nav {
  color: black;
}
Run Code Online (Sandbox Code Playgroud)
<div class="row" id="allcontent">
  <div class="navbar-default" id="navbar">
    <nav class="white">
      <div class="nav-wrapper">
        <a href="index.html" class="brand-logo left"><img class="responsive-img" id="logo" src="<!-- my image -->"/></a>
        <ul id="nav-mobile" class="right hide-on-med-and-down">
          <li><a href="sass.html"><i class="material-icons">search</i></a>
          </li>
          <li>colors</li>
        </ul>
      </div>

    </nav>
  </div>
</div>
Run Code Online (Sandbox Code Playgroud)

css materialize material-design

11
推荐指数
1
解决办法
3万
查看次数

jQuery.one()和jQuery.on()之间的区别

我的页面上有多个图像.为了检测损坏的图像,我在SO上使用了这个.

$('.imgRot').one('error',function(){
    $(this).attr('src','broken.png');
});
Run Code Online (Sandbox Code Playgroud)

这在我理解的第一张图片上工作正常.但是当我改变它

$('.imgRot').on('error',function(){
    $(this).attr('src','broken.png');
});
Run Code Online (Sandbox Code Playgroud)

它不适用于任何图像.有人能告诉我为什么吗?

jquery

10
推荐指数
2
解决办法
1万
查看次数

默认情况下如何在引导程序中隐藏侧边栏?

我在这里作为Bootstrap设计Web表单应用程序的侧边栏有一个很好的参考:http: //startbootstrap.com/template-overviews/simple-sidebar/

这是它的代码:

<!DOCTYPE html>
<html lang="en">

<head>

    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <meta name="author" content="">

    <title>Simple Sidebar - Start Bootstrap Template</title>

    <!-- Bootstrap Core CSS -->
    <link href="css/bootstrap.min.css" rel="stylesheet">

    <!-- Custom CSS -->
    <link href="css/simple-sidebar.css" rel="stylesheet">

    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
        <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
        <script …
Run Code Online (Sandbox Code Playgroud)

html javascript css jquery twitter-bootstrap

9
推荐指数
1
解决办法
5万
查看次数

浏览器支持Angular材质

我想在我的下一个项目中使用Angular Material.https://material.angularjs.org

我没有找到任何关于它支持哪些浏览器的文档.任何人都知道它内部如何运作以及期待什么?

从我理解的flexcss属性,例如IE <10不支持.你知道Angular材料,有没有使用没有flexcss的后备设计?

http://caniuse.com/#feat=flexbox

javascript css flexbox angularjs angularjs-material

9
推荐指数
2
解决办法
2万
查看次数