Tag: html

id和class在CSS中的区别以及何时使用它: <style> #main{ background: #000; border: 1px solid #AAAAAA; padding: 10px; color: #fff; width: 100px; } </style> <div id="main"> Welcome </div> 在这里，我给了div元素一个id ，它正在为它应用相关的CSS。要么 <style> .main{ background: #000; border: 1px solid #AAAAAA; padding: 10px; color: #fff; width: 100px; } </style> <div class="main"> Welcome </div> 现在我在这里给了一个class ，也为我做了同样的工作。那么id和class之间的确切区别是什么，什么时候应该使用id ，何时应该使用class 。我是一个CSS和网页设计的新手，在处理这个时有点困惑。

编写HTML电子邮件时的最佳做法和注意事项: 我已经开发了十多年的网站，但很快就发现，我开发网络的许多习惯在为电子邮件客户端开发时没有任何用处。这给我带来了巨大的挫折感，所以我想我会问一个问题，希望能为像我这样可能会不时地为gmail，outlook等设计的其他人提供最佳实践和必要的考虑。例如： <style>…</style> vs inline CSS。简而言之：从网络世界转移到电子邮件世界的是什么，什么不是。

jQuery：获取jQuery隐藏元素的高度: 我需要得到隐藏在div内的元素的高度。现在我显示div，获取高度，并隐藏父div。这似乎有点傻。有没有更好的办法？我正在使用jQuery 1.4.2： $select.show(); optionHeight = $firstOption.height(); //we can only get height if its visible $select.hide();

如果内容太宽，则将省略号（…）插入到HTML标记中: 我有一个弹性布局的网页，如果浏览器窗口的大小改变了它的宽度。在这个布局中有头条新闻（ h2 ）将有一个可变的长度（实际上是从博客的标题，我没有控制权）。目前 – 如果他们比窗口更宽 – 他们被分成两行。是否有一个优雅的，经过测试的（跨浏览器）解决方案 – 例如jQuery – 缩短了标题标签的innerHTML，并添加了“…”，如果文本太宽而无法在当前屏幕/容器宽度？

jQuery禁用/启用提交按钮: 我有这个HTML： <input type="text" name="textField" /> <input type="submit" value="send" /> 我该如何做这样的事情：当文本字段为空时，应该禁用提交（disabled =“disabled”）。当在文本字段中输入某些内容以删除禁用的属性时。如果文本字段再次变空（文本被删除），则应该再次禁用提交按钮。我尝试了这样的事情： $(document).ready(function(){ $('input[type="submit"]').attr('disabled','disabled'); $('input[type="text"]').change(function(){ if($(this).val != ''){ $('input[type="submit"]').removeAttr('disabled'); } }); }); …但它不工作。有任何想法吗？谢谢。

将HTML文件转换为PDF: 我需要从现有的（X）HTML文档自动生成PDF文件。输入文件（报告）使用一个相当简单的，基于表格的布局，所以支持真正花哨的JavaScript / CSS的东西可能是不需要的。正如我习惯于使用Java，一个可以很容易地在Java项目中使用的解决方案是可取的。但是，它只需要在Windows系统上工作。一种方法是可行的，但不会产生高质量的输出（至少是开箱即用的）是使用CSS2XSLFO和Apache FOP来创建PDF文件。我遇到的问题是，虽然CSS属性很好地转换，表格布局是相当混乱，文本流出表格单元格。我还简短地看了一下使用Gecko渲染引擎的Java-API Jrex。有没有办法从IE浏览器渲染引擎抓取渲染页面，并自动发送到PDF打印机工具？我没有在Windows中的OLE编程经验，所以我不知道什么是可能的，什么不是。你有想法吗？编辑：FlyingSaucer / iText的东西看起来很有希望。我会尽力去做。感谢所有的答案

通过按回车提交表单而不用提交按钮: 那么我试图通过按下提交表单，但不显示提交按钮。如果可能的话，我不想进入JavaScript，因为我希望所有的浏览器都能正常工作（我知道的唯一的JS方式就是事件）。现在表格看起来像这样： <form name="loginBox" target="#here" method="post"> <input name="username" type="text" /><br /> <input name="password" type="password" /> <input type="submit" style="height: 0px; width: 0px; border: none; padding: 0px;" hidefocus="true" /> </form> 哪个工作得很好。当用户按下回车键时，提交按钮就起作用，而按钮不会在Firefox，IE，Safari，Opera和Chrome中显示。然而，我仍然不喜欢这个解决方案，因为很难知道它是否可以在所有浏览器的所有平台上工作。任何人都可以提出更好的方法？或者这是一样好，它得到？

在contentEditable <div>上设置光标位置: 当一个contentEditable ='on'<div>重新获得焦点时，我在一个确定的，跨浏览器的解决方案中设置光标/插入符的位置到最后一个已知的位置。它显示内容可编辑div的默认功能是将光标/光标移动到div中文本的开始处，每次单击它时，这是不可取的。我相信当他们离开div的焦点时，我将不得不在当前光标位置存储一个变量，然后当它们再次聚焦到内部时重新设置它，但是我没有能够放在一起，或者找不到工作代码示例。如果有人有任何想法，工作代码片段或样本，我很乐意看到他们。我还没有任何代码，但这是我所拥有的： <script type="text/javascript"> // jQuery $(document).ready(function() { $('#area').focus(function() { .. } // focus I would imagine I need. } </script> <div id="area" contentEditable="true"></div> PS。我已经试过这个资源，但它似乎不适用于<div>。也许只适用于textarea（如何将光标移动到contenteditable实体的结尾）

如何在ui-router中使用ui-sref传递参数给控制器: 我需要传递和接收两个参数到我想要使用ui-router的ui-sref传输的状态。就像使用下面的链接，用foo和bar参数将状态转换到home ： <a ui-sref="home({foo: 'fooVal', bar: 'barVal'})">Go to home state with foo and bar parameters </a> 在控制器中接收foo和bar值： app.controller('SomeController', function($scope, $stateParam) { //.. var foo = $stateParam.foo; //getting fooVal var bar = $stateParam.bar; //getting barVal //.. }); 我在控制器中获取$stateParam undefined 。有人能帮助我理解如何完成它吗？编辑： .state('home', { url: '/', views: { '': { templateUrl: 'home.html', controller: 'MainRootCtrl' }, […]