程序设计 html

9

如何对齐两个内联块，以便一个在左边，另一个在同一行？为什么这么难？是否有类似LaTeX的\ hfill这样的东西可以消耗它们之间的空间来实现这一目标？我不想使用浮点数，因为有了内联块，我可以将基线对齐。当窗口对于两个窗口而言都太小时，使用内联块，我可以将文本对齐方式更改为居中，然后将它们居中对齐。相对（父）+绝对（元素）定位与浮点数存在相同的问题。 HTML5： <header> <h1>Title</h1> <nav> <a>A Link</a> <a>Another Link</a> <a>A Third Link</a> </nav> </header> CSS： header { //text-align: center; // will set in js when the nav overflows (i think) } h1 { display: inline-block; margin-top: 0.321em; } nav { display: inline-block; vertical-align: baseline; } Thery彼此相邻，但我希望nav右侧。

113 css html

12

使用margin：auto垂直对齐div

所以我知道如果使用，我们可以将div水平居中margin:0 auto;。应该按照margin:auto auto;我认为的方式工作？垂直居中吗？为什么也vertical-align:middle;不起作用？ .black { position:absolute; top:0; bottom:0; left:0; right:0; background:rgba(0,0,0,.5); } .message { background:yellow; width:200px; margin:auto auto; padding:10px; } <div class="black"> <div class="message"> This is a popup message. </div> </div> 运行代码段隐藏结果展开摘要 JSFiddle

113 html css centering

5

如何在：focus上更改文本区域的边框颜色

请原谅我这是一个愚蠢的问题，但我需要帮助。我想重点更改TEXTAREA的边框颜色。但我的代码似乎无法正常工作。请查看小提琴上的代码。 <form name = "myform" method = "post" action="insert.php" onsubmit="return validateform()" style="width:40%"> <input type="text" placeholder="Enter Name." name="name" maxlength="300" class="input"> <input type="email" placeholder="Enter E-mail." name="address" maxlength="300" class="input"> <textarea placeholder="Enter Message." name="descrip" class="input" ></textarea> <br> <input class="button secondary" type=submit name="submit" value="Submit" > </form> 这是CSS .input { border:0; padding:10px; font-size:1.3em; font-family:"Ubuntu Light","Ubuntu","Ubuntu …

113 html css

12

如何使用溢出滚动设置躯干高度

设置tbody高度，宽度，溢出滚动时遇到问题。 <style> tbody{ height:50px;display:block;overflow:scroll } </style> <h3>Table B</h3> <table style="border: 1px solid red;width:300px;display:block"> <thead> <tr> <td>Name</td> <td>phone</td> </tr> </thead> <tbody style='height:50px;display:block;overflow:scroll'> <tr> <td>AAAA</td> <td>323232</td> </tr> <tr> <td>BBBBB</td> <td>323232</td> </tr> <tr> <td>CCCCC</td> <td>3435656</td> </tr> </tbody> </table> 在这里拜访我的小提琴我想要像表A这样的表B带有溢出滚动。任何帮助将不胜感激。非常感谢，M。

113 html css

2

Favicon Standard-2020-SVG，ICO，PNG和尺寸？

截至2020年，应使用哪些网站图标尺寸，文件格式和元/链接标签？其中包括Apple图标，Windows，Android和当今人们使用的其他设备。我使用Opera，可以看到它支持svg格式。是当今使用svg的最佳解决方案吗？是否有“一个文件可以容纳所有文件”的选项？我浏览了许多网站，并检查了不同的“网站图标生成器”。他们都已经岁了，并且大多数使用png文件。例如： ico和svg应该使用什么代码？ <link rel="icon" href="favicon.ico" type="image/ico"> <link rel="icon" href="favicon.svg" type="image/svg+xml"> 还是应该指定尺寸（如果ico包含更多尺寸）？我找不到一个好的答案。 <link rel="icon" sizes="16x16 24x24 32x32 48x48 64x64" href="favicon.ico"> 请提供应该使用哪些图标的尺寸，文件格式和元/链接标签。

113 html svg png favicon

5

一种形式的多个单选按钮组

可以在一个表单中有多个单选按钮组吗？通常选择一个按钮会取消选择前一个按钮，我只需要取消选择一组按钮中的一个即可。 <form> <fieldset id="group1"> <input type="radio" value=""> <input type="radio" value=""> </fieldset> <fieldset id="group2"> <input type="radio" value=""> <input type="radio" value=""> <input type="radio" value=""> </fieldset> </form>

113 html forms radio-group

10

应用程序未拾取.css文件（烧瓶/ python）

我正在渲染一个模板，尝试使用外部样式表进行样式设置。文件结构如下。 /app - app_runner.py /services - app.py /templates - mainpage.html /styles - mainpage.css mainpage.html看起来像这样 <html> <head> <link rel= "stylesheet" type= "text/css" href= "../styles/mainpage.css"> </head> <body>  我的样式均未应用。它与html是我正在渲染的模板有关吗？python看起来像这样。 return render_template("mainpage.html", variables..) 我知道这很有效，因为我仍然能够渲染模板。但是，当我尝试将样式代码从html的“ head”标记中的“样式”块移动到外部文件时，所有样式消失了，留下了一个裸露的html页面。有人看到我的文件结构有任何错误吗？

113 python html css templates flask

10

如何将内容放在引导列中？

我正在尝试将列的内容居中。看起来不适合我。这是我的HTML： <div class="row"> <div class="col-xs-1 center-block"> <span>aaaaaaaaaaaaaaaaaaaaaaaaaaa</span> </div> </div> JSFiddle演示

113 html css twitter-bootstrap

6

CSS标签宽度不起作用

我有一个通用表单，我想对它进行样式设置以对齐标签和输入字段。由于某种原因，当我给标签选择器指定宽度时，什么也没发生： HTML： <form id="report-upload-form" method="POST" action="" enctype="multipart/form-data"> <p> <label for="id_title">Title:</label> <input id="id_title" type="text" class="input-text" name="title"></p> <p> <label for="id_description">Description:</label> <textarea id="id_description" rows="10" cols="40" name="description"></textarea></p> <p> <label for="id_report">Upload Report:</label> <input id="id_report" type="file" class="input-file" name="report"> </p> </form> CSS： #report-upload-form { background-color: #316091; color: #ddeff1; font-weight:bold; margin: 23px auto 0 auto; border-radius:10px; width: 650px; …

112 html css label

2

为什么从已经支持它的浏览器中删除HTML5输入类型datetime？

我想知道为什么以前支持输入的所有浏览器（例如高于26的Chrome版本）都datetime将其删除？这听起来像是这篇文章的副本，但是那已经相当老了。 HTML WG似乎更喜欢datetime-local（w3c）datetime（w3c），但是为什么呢？见这对功能开发时间表。别人怎么说：根据mobilexweb.com的说法，iOS中已弃用该方法，因为它看起来太像日期时间输入类型。继Google Chrome之后，iOS上的Safari现在不再支持日期时间输入类型，它将回退为文本。在标准中不建议使用此类型，而建议使用datetime-local或出于相同目的而使用日期和时间这两个输入。问题是日期时间从5.0到6.1版本与iOS兼容；如果您正在使用它，请当心！有什么区别？其中datetime-local仅包含日期和时间元素，datetime还包含时区。这很有用，因为当客户端的时区与服务器的时区不同时，您可能希望采取不同的操作。为什么这么重要？如果网页询问：您要什么时候让我给您打电话，而用户选择“明天下午3点”，您什么时候需要给他回电话？明天下午3点UTC或CET？

112 html datetime html-input browser-support

14

<canvas>元素的最大大小

我正在使用一个高度为600to 1000像素，宽度为数万或数十万像素的canvas元素。但是，经过一定数量的像素（显然是未知的）之后，画布不再显示我使用JS绘制的形状。有谁知道是否有限制？在Chrome 12和Firefox 4中都进行了测试。

112 javascript html canvas

8

为什么HTML5表单验证允许电子邮件中没有点？

我正在编写一个非常简单的模型来演示一些HTML5表单验证。但是，我注意到电子邮件验证不检查地址中是否有一个点，也不检查该点后的字符。换句话说，当“ john @ doe”显然不是有效的电子邮件地址时，它被视为有效；“ doe”不是域。这是我编码电子邮件字段的方式： <input type="email" required /> 这还不够吗？检查这个小提琴，看看我的意思。注意：我知道如何通过RegEx模式来完成此操作。我只是想知道有人如何代替使用电子邮件类型。

112 html email-validation

4

将json数据转换为html表[关闭]

关闭。此问题不符合堆栈溢出准则。它当前不接受答案。想改善这个问题吗？更新问题，使其成为Stack Overflow 的主题。 6年前关闭。改善这个问题是否有任何jQuery或javascript库根据给定的json数据生成动态表？我不想定义列，该库应读取json哈希中的键并生成列。当然，我可以自己遍历json数据并生成html表。我只想知道是否存在任何可以简单重用的库。

112 javascript html json html-table

5

如何使<svg>元素扩展或收缩到其父容器？

目标是使<svg>元素扩展到其父容器的大小，在这种情况下为a <div>，无论该容器有多大或多小。代码： <style> svg, #container{ height: 100%; width: 100%; } </style> <div id="container"> <svg xmlns="http://www.w3.org/2000/svg" version="1.1" > <rect x="0" y="0" width="100" height="100" /> </svg> </div> 解决此问题的最常见方法似乎是viewBox在<svg>元素上设置属性。 viewBox="0 0 widthOfContainer heightOfContainer" 但是，这在元素内的<svg>元素具有预定义的宽度和/或高度的情况下似乎不起作用。例如，<rect>在上面的代码中，元素的宽度和高度已明确设置。因此，显而易见的解决方案是在这些元素上也使用百分比宽度和百分比高度。但这是否必须要做？特别是，由于<img src=test.svg >可以很好地工作并且可以在没有明显设置<rect>高度和宽度的情况下进行扩展/收缩。如果像这样的元素<rect>和其他类似的元素必须以百分比定义其宽度和高度，则Inkscape中可以通过一种方式对其进行设置，以使<svg>文档中的所有元素都使用百分比的宽度，高度等。？

112 css html svg responsive-design

9

将JSON存储在HTML属性中的最佳方法？

我需要将JSON对象放入HTML元素的属性中。 HTML不必验证。昆汀回答：将JSON存储在data-*有效HTML5 的attribute中。 JSON对象可以是任何大小-即巨大森·麦库（Maiku Mori）回答：HTML属性的限制可能为65536个字符。如果JSON包含特殊字符怎么办？例如 {foo: '<"bar/>'} 昆汀回答：按照常规惯例，将JSON字符串放入属性之前进行编码。对于PHP，请使用函数。 htmlentities() 编辑-使用PHP和jQuery的示例解决方案将JSON写入HTML属性： <?php $data = array( '1' => 'test', 'foo' => '<"bar/>' ); $json = json_encode($data); ?> <a href="#" data-json="<?php echo htmlentities($json, ENT_QUOTES, 'UTF-8'); ?>">CLICK ME</a> 使用jQuery检索JSON： $('a').click(function() { // Read the contents of the attribute (returns a …

112 javascript php html json

Questions tagged «html»