Tag: html

如何去除html中点击元素的虚线: 我发现如果页面中有a链接没有链接到一个新的页面，那么当用户点击它时，这个元素周围会出现一条虚线，只有在用户点击页面中的其他内容时才会消失，如何删除这个？例：注意元素Section 2的虚线。

如何在razorMVC 4中添加一个条件值的第二个CSS类: 虽然微软已经在razorMVC4中创build了一些自动渲染的html属性，但是花了我相当长的时间才发现如何在一个元素上渲染第二个CSS类，这是基于条件razorexpression式的。我想与你分享。基于模型属性@ Model.Details，我想显示或隐藏一个列表项。如果有细节，应该显示div，否则应该隐藏。使用jQuery，我所需要做的就是分别添加一个类show或hide。为了其他目的，我还想添加另一个类“细节”。所以，我的标记应该是： <div class="details show">[Details]</div>或<div class="details hide">[Details]</div> 下面，我展示了一些失败的尝试（假设没有细节导致标记）。这个： <div @(@Model.Details.Count > 0 ? "class=details show" : "class=details hide")> ，将呈现这个： <div class="details" hide=""> 。这： <div @(@Model.Details.Count > 0 ? "class=\"details show\"" : "class=\"details hide\"")> 。将呈现这个： <div class=""details" hide"=""> 。这： <div @(@Model.Details.Count > 0 ? […]

Bootstrap警报自动closures: 我需要在点击Add to Wishlistbutton时调用警报，并在2秒内消失警报。这是我的尝试，但是一旦出现警报即刻消失。不知道，错误的地方..任何人都可以帮我吗？ JS脚本 $(document).ready (function(){ $("#success-alert").hide(); $("#myWish").click(function showAlert() { $("#success-alert").alert(); window.setTimeout(function () { $("#success-alert").alert('close'); }, 2000); }); }); HTML代码： <div class="product-options"> <a id="myWish" href="" class="btn btn-mini" >Add to Wishlist </a> <a href="#" class="btn btn-mini"> Purchase </a> </div> 警报框： <div class="alert alert-success" id="success-alert"> <button type="button" class="close" data-dismiss="alert">x</button> <strong>Success! </strong> Product have added to […]

style =“clear：both”的用法是什么？: 我碰巧看到一个风格clear:both的div clear:both ！什么是clear的style的使用？ <div style="clear:both">

我如何摆脱使用CSS元素的偏移量？: 我有一些元素的定位问题，在检查它IE8开发人员工具它告诉我这个：现在我很确定我的问题是这12偏移量，但我怎么删除它？我找不到任何提到的CSS偏移属性。除了保证金之外，我们是否需要一个抵消？这是产生这个代码： <div id="wahoo" style="border: solid 1px black; height:100px;"> <asp:TextBox ID="inputBox" runat="server" /> <input id="btnDropDown" type="button" style="width:26px; height:26px; background-position: center center; border-left-color: buttonface; background-image: url(Images/WebResource.gif); border-bottom-color: buttonface; border-top-color: buttonface; background-repeat: no-repeat; border-right-color: buttonface;" tabindex="99" /> <div id="ListboxWrapper" style="display:none; position:absolute; onfocusout="this.style.display = 'none'""> <asp:ListBox ID="lstBoxCompany" runat="server" AutoPostBack="True" OnSelectedIndexChanged="lstBoxCompany_SelectedIndexChanged" style="z-index: 100;" Width="300px" /> […]

格式化HTML文件: 我喜欢Visual Studio中用于格式化HTML文档（ CTRL + K ， CTRL + D ）的function。在任何其他（免费）编辑器中是否有与之相同function的插件，例如Notepad ++？

在CSS中设置表格行高度: 我有这个代码： <table class="topics" > <tr> <td style="white-space: nowrap; padding: 0 5px 0 0; color:#3A5572; font-weight: bold;">Test</td> <td style="padding: 0 4px 0 0;">1.0</td> <td>abc</td> </tr> <tr> <td style="white-space: nowrap; padding: 0 5px 0 0; color:#3A5572; font-weight: bold;">test2</td> <td style="padding: 0 4px 0 0;">1.3</td> <td>def</td> </tr> </table> 行间隔太远。我想把线条放在一起。我所做的是添加下面的CSS，但似乎并没有改变。 .topics tr { height: 14px; } 我究竟做错了什么？