小编cro*_*lee的帖子

我正在尝试将引导按钮与随附的文本水平居中对齐。但我没有得到预期的输出。有人能告诉我为什么它不居中吗？

<div class="col-md-12 well">
    <div class="col-md-6">
        <h2 class="btn btn-warning btn-lg btn-block">Sign in via google</h2>
    </div>
    <div class="col-md-6 text-center">
        <span><em> Already have an account? Login</em></span>
    </div>
</div>

我创建了一个Plunker 演示。在较小的屏幕上，它按预期工作。但在较大的屏幕中，它没有正确对齐。

是否有一个好的JS函数或类可以在不重置现有内容的情况下无缝地将一串HTML解析到DOM中？我正在尝试找到一种简单的方法来复制表格顶部的复杂表格行.

它显然会像这样工作:

element.innerHTML = newHTML + element.innerHTML;

但是,这会导致浏览器重新加载整个表,从而重置滚动位置并删除表中任何未保存的可编辑内容.

更新:

我没有在这个项目中使用jQuery.这是我在某处发现的一个想法,但我无法让它工作:

var templateRow = document.getElementById( 'templateRow' );
var newhtml = "<tr id='row"+lastID+"'>"+'templateRow'.innerHTML+"</tr>";
var range = document.createRange();
range.selectNode( 'templateRow' );
var parsedHTML = range.createContextualFragment( newhtml );
templateRow.appendChild( parsedHTML )

是否可以独立于父输入垂直对齐占位符？似乎没有办法让下面代码中的占位符出现在输入字段的垂直中心.我已经尝试了所有我能想到或在网上找到的css属性和变通方法,但输入和占位符上的不同字体大小似乎至少使得webkit浏览器无法实现.

编辑:左边是问题,右边是所需的外观:

input {
  font-size: 22px;
  text-align: center;
  font-weight: bold;
  line-height: 44px;
}

input::-webkit-input-placeholder {
  font-size: 9px;
  text-transform: uppercase;
  color: #AAA;
}

<input type='text' placeholder='enter some text' />

有没有办法显示完整的边框 class="line"忽略/排除填充而不修改HTML？

例如:

<div class="padding">
 <section>
     <p>text</p>
  </section>

  <div class="line"> </div>

   <section>
     <p>text</p>
  </section>
</div>

CSS:

.padding {
  padding: 20px;
  border: 1px solid black;
}

.line {
  border-top: 1px solid black;
}

演示:https://jsfiddle.net/tzq3o6tx/

我希望<div class="line"> </div>边框与填充重叠.