Tag: html

Bootstrap：在面板页脚中左右拖动页脚: 我有一个Bootstrap面板，在页脚中有两个button： <div class="panel-footer"> {{ Form::open( array('route' => array('dogs.edit', $dog->id), 'method' => 'get', "class" => 'col-lg-6 ')) }} {{ Form::submit("Edit", array('class' => 'btn btn-default')) }} {{ Form::close() }} {{ Form::open( array('route' => array('dogs.destroy', $dog->id), 'method' => 'delete', "class" => 'col-lg-6 ')) }} {{ Form::submit("Delete", array('class' => 'btn btn-default')) }} {{ Form::close() }} </div> 每个button的表格都有类pull-left pull-right这样每个button都浮在面板页脚的两边。浮动工作，但button现在页脚之外： […]

如何点击button打印HTML内容，但不是页面？: 我想打印一些HTML内容，当用户点击一个button。一旦用户点击该button，浏览器的打印对话框将打开，但不会打印网页。相反，它会打印一些其他HTML页面上没有显示的内容。在问这个问题的时候，我脑海中没有什么解决方法。但是我不确定这些想法是好还是可以做的更好。其中一个解决scheme是：我可以保持这个HTML内容在一个div并使其display:打印，但display: none屏幕。网页上的所有其他元素都可以display: none用于打印和display:用于屏幕。然后打电话打印。更好的主意？

使用jquerydynamic创build每个input值的JSON: 我遇到了一种情况，我想通过PHP读取一些JSON格式的数据，但是我有一些问题了解如何构builddynamic创buildJSON格式的Javascript对象。我的情况如下： <input title="QA" type="text" class="email"> <input title="PROD" type="text" class="email"> <input title="DEV" type="text" class="email"> 至此我所拥有的Javascript代码都经过了每一个input抓取的数据，然而我却无法从这里理解如何处理。 var taskArray = {}; $("input[class=email]").each(function() { var id = $(this).attr("title"); var email = $(this).val(); //how to create JSON? }); 如果可能，我想获得以下输出。 [{title: QA, email: 'a@a.com'}, {title: PROD, email: 'b@b.com'},{title: DEV, email: 'c@c.com'}] 电子邮件是通过input字段值获取的。任何灯光在这种情况下将不胜感激！

表溢出以外的部门: 我试图阻止宽度明确宣布不溢出它的父div外面的表。我认为我可以使用max-width以某种方式做到这一点，但我似乎无法得到这个工作。下面的代码（有一个非常小的窗口）会导致这个： <style type="text/css"> #middlecol { width: 45%; border-right:2px solid red; } #middlecol table { max-width:100% !important; } </style> <div id="middlecol"> <center> <table width="400" cellpadding="3" cellspacing="0" border="0" align="center"> <tr> <td bgcolor="#DDFFFF" align="center" colspan="2"> <strong>Notification!</strong> </td> <tr> <td width="50"> <img src="http://www.example.com/img.png" width="50" height="50" alt="" border="0"> </td> <td> Lorem ipsum dolor sit amet, consectetur adipisicing elit, […]

元名和元属性有什么区别？: 两个常见的元素属性是： <meta name="" content=""> 和 <meta property="" content=""> 元名和元属性有什么区别？

处理不间断的空间：<p>＆nbsp; </ p>与<p> </ p>:   是一个不间断的空间，它表示一个没有换行符的空白空间。如果我使用 <p> </p> 我有两个通道之间的空间（更大的rest）。如果我使用 <p> </p> 我只在两段之间有一条新的路线（没有rest）。为什么？

jQuery将DIV复制到另一个DIV中: 需要一些jQuery帮助将DIV复制到另一个DIV，并希望这是可能的。我有以下的HTML： <div class="container"> <div class="button"></div> </div> 然后我在我的网页的另一个位置有另一个DIV，我想复制'button'div到下面的'package'div： <div class="package"> Place 'button' div in here </div>

表中有多个<thead> / <tbody>有效？: 想象一下列表类似的列表： var list = [ { name: 'group1', items: [ 1, 2, 3, 4, 5 ] }, { name: 'group2', items: [ 1, 2, 3, 4, 5 ] }, etc… ] 现在忘了整个“表是为数据没有devise”的论点，我想显示一个单一的表，并有一个单独的<thead>和<tbody> list每个条目。这在技术上有效吗？这在浏览器中有效，但是我的蜘蛛感觉正在刺激这个。

HTML中的<script>标签位置是否会影响网页的性能？: 如果脚本标签位于HTML页面的上方或下方，对于网站的性能是否有影响？而如果在这样的使用之间呢： <body> ..blah..blah.. <script language="JavaScript" src="JS_File_100_KiloBytes"> function f1() { .. some logic reqd. for manipulating contents in a webpage } </script> … some text here too … </body> 还是这样更好？ <script language="JavaScript" src="JS_File_100_KiloBytes"> function f1() { .. some logic reqd. for manipulating contents in a webpage } </script> <body> ..blah..blah.. ..call above functions on some […]