Questions tagged «html»

HTML(超文本标记语言)是用于创建网页和其他要在Web浏览器中显示的信息的主要标记语言。有关HTML的问题应包括一个可重现的示例,以及您要实现的目标的一些想法。此标记很少单独使用,通常与[CSS]和[javascript]配对使用。

10
CSS图像本身的尺寸调整百分比?
我正在尝试使用自身百分比来调整img的大小。例如,我只想通过将图像尺寸调整为50%将图像缩小一半。但是应用width: 50%;会将图像调整为容器元素(例如,父元素)的50%<body>。 问题是,我可以在不使用javascript或服务器端的情况下按一定比例调整图像大小吗?(我没有图像尺寸的直接信息) 我很确定您不能这样做,但是我只想看看是否有仅CSS的智能解决方案。谢谢!
109 html  css  image 

16
如何定制有序列表中的数字?
如何将有序列表中的数字左对齐? 1. an item // skip some items for brevity 9. another item 10. notice the 1 is under the 9, and the item contents also line up 在有序列表中的数字后面更改字符? 1) an item 还有一种CSS解决方案,可以从数字更改为字母/罗马列表,而不是在ol元素上使用type属性。 我对Firefox 3上的答案最感兴趣。

9
删除按钮的边框
我试图创建按钮并插入自己的图像,而不是标准按钮图像。但是,标准按钮的灰色边框仍然保留,显示在我的黑色按钮图像的外部。 有谁知道如何从按钮上删除该灰色边框,所以它仅仅是图像本身?谢谢。
109 html  css  button 


5
在TD中使用相对位置/绝对位置?
我有以下代码: <td style="position: relative; min-height: 60px; vertical-align: top;"> Contents of table cell, variable height, could be more than 60px; <div style="position: absolute; bottom: 0px;"> Notice </div> </td> 这根本不起作用。由于某种原因,TD上未读取position:relative命令,并且通知DIV被放置在页面底部的内容容器之外。我试图将TD的所有内容放入DIV中,例如: <td> <div style="position: relative; min-height: 60px; vertical-align: top;"> Contents of table cell, variable height, could be more than 60px; <div style="position: absolute; …

15
Colspan / Rowspan用于显示设置为表格单元的元素
我有以下代码: <div class="table"> <div class="row"> <div class="cell">Cell</div> <div class="cell">Cell</div> </div> <div class="row"> <div class="cell colspan2">Cell</div> </div> </div> <style> .table { display: table; } .row { display: table-row; } .cell { display: table-cell; } .colspan2 { /* What to do here? */ } </style> 非常简单。如何为带有的元素添加colspan(或等价的colspan)display: table-cell?
108 html  css 

14
引导程序模式:不是函数
我的页面上有一个模式。当我尝试在Windows加载时调用它时,它会向控制台输出一条错误消息,内容为: $(...).modal is not a function 这是我的模态HTML: <div class="modal fade" id="prizePopup" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true"> × </button> <h4 class="modal-title" id="myModalLabel"> This Modal title </h4> </div> <div class="modal-body"> Add some text here </div> <div class="modal-footer"> <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> …


10
如何在网站上播放通知声音?
当发生某个事件时,我希望我的网站向用户播放简短的通知声音。 声音应该不自动启动(瞬间)的网站打开时。而是应通过JavaScript按需播放(当发生特定事件时)。 同样重要的是,这也适用于较旧的浏览器(IE6等)。 因此,基本上有两个问题: 我应该使用哪种编解码器? 嵌入音频文件的最佳实践是什么?(<embed>vs. <object>Flash。vs <audio>)

11
如果CDN失败,如何退回到本地样式表(不是脚本)
我正在链接到CDN上的jQuery Mobile样式表,如果CDN失败,我想回退到样式表的本地版本。对于脚本,解决方案是众所周知的: <!-- Load jQuery and jQuery mobile with fall back to local server --> <script src="http://code.jquery.com/jquery-1.6.3.min.js"></script> <script type="text/javascript"> if (typeof jQuery == 'undefined') { document.write(unescape("%3Cscript src='jquery-1.6.3.min.js'%3E")); } </script> 我想为样式表做类似的事情: <link rel="stylesheet" href="http://code.jquery.com/mobile/1.0b3/jquery.mobile-1.0b3.min.css" /> 我不确定是否可以实现类似的方法,因为我不确定浏览器在链接脚本时是否以与加载脚本时相同的方式进行阻止(也许可以在script标签中加载样式表,然后将其注入页面)? 所以我的问题是:如果CDN失败,如何确保样式表在本地加载?

17
HTML5 canvas ctx.fillText不会换行吗?
如果文本包含“ \ n”,我似乎无法将文本添加到画布。我的意思是,换行符没有显示/起作用。 ctxPaint.fillText("s ome \n \\n <br/> thing", x, y); 上面的代码将"s ome \n <br/> thing"在一行上绘制。 这是fillText的限制还是我做错了?“ \ n”在那里,没有被打印,但是它们也不起作用。
108 javascript  html  canvas  line  break 

8
在HTTPS页面中运行HTTP AJAX操作时,“混合内容被阻止”
我有一个要提交给CRM(ViciDial)的表单(通过GET,因为它是这种方式)。我可以成功提交表单,但是如果我这样做,则crm的处理文件将仅回显成功文本,仅此而已。 我想在我的网站上显示一个谢谢页面,而不是该文本,所以我决定使用AJAX提交表单并将其重定向到我需要的页面,但是在浏览器中出现此错误: 混合内容:“ https://page.com ”上的页面已通过HTTPS加载,但请求了不安全的XMLHttpRequest端点“ http://XX.XXX.XX.XXX/vicidial/non_agent_api.php?queries=query=data '。该请求已被阻止;内容必须通过HTTPS提供。 这是我的AJAX脚本: <script> SubmitFormClickToCall = function(){ jQuery.ajax({ url: "http://XX.XXX.XX.XX/vicidial/non_agent_api.php", data : jQuery("#form-click-to-call").serialize(), type : "GET", processData: false, contentType: false, success: function(data){ window.location.href = "https://www.example.com/thank-you"; } }); } </script> 仅在URL中设置https是行不通的,有什么方法可以通过GET提交数据并将用户重定向到我的thankyou页面? =========================== 这里的问题是内容混合,这意味着我通过HTTPS加载了一个页面,并试图通过AJAX命中HTTP中的API。但是浏览器不允许我们这样做。 因此,如果您不能将API设置为HTTPS(这是我的情况),我们仍然可以采用其他方法来处理。 主要问题不是混合内容问题,而是我想将数据提交到API并将用户重定向到精美的感谢页面。我没有使用AJAX,而是制作了一个php文件,该文件接收接收到的数据,使用curl将其发送到API(因为这是在服务器端完成的,没有混合的内容问题),并将我满意的用户重定向到了精美的感谢页面。
108 javascript  php  jquery  html  ajax 

9
如何在单击时隐藏可折叠的Bootstrap 4导航栏
我已经使用Bootstrap 4创建了可折叠的导航栏,该导航栏效果很好,但是我希望在用户单击链接时将其关闭。有什么办法吗?谢谢 html导航栏: <nav class="navbar navbar-toggleable-md fixed-top"> <button id="nav-btn"class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarDiv" aria-expanded="false" aria-label="Toggle navigation"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <div class="container"> <a class="navbar-brand" href="#"><img src="Images/logo.png" width="60px"></a> <div class="collapse navbar-collapse" id="navbarDiv"> <ul class="navbar-nav mr-auto"> <li class="nav-item active"> <a class="nav-link" href="#home">Home <span class="sr-only">(current)</span></a> </li> <li class="nav-item"> <a class="nav-link" …

11
将React-Router链接包装在html按钮中
使用建议的方法: 这是结果:按钮中的链接, 注释行之间的代码 我想知道是否有一种方法可以使用react在HTML标签中包装Link元素。'react-router'button 我目前有一些Link组件可以在我的应用程序中导航页面,但是我想将该功能映射到我的HTML按钮。

5
Vue.js在@change上获得选择的选项
首先,我想对Vue来说是新手,这是我有史以来第一个使用Vue的项目。我有组合框,我想根据所选组合框做一些不同的事情。我使用单独的vue.html和打字稿文件。这是我的代码。 <select name="LeaveType" @change="onChange()" class="form-control"> <option value="1">Annual Leave/ Off-Day</option> <option value="2">On Demand Leave</option> </select> 这是我的ts文件 onChange(value) { console.log(value); } 如何在我的打字稿功能中获取选定的选项值?谢谢。

By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.