程序设计 html

10

我在a中有一个长文本，其中div包含definewidth： HTML： <div>Stack Overflow is the BEST !!!</div> CSS： div { border: 1px solid black; width: 70px; } 我怎么能迫使字符串停留在一行（即在“溢出”的中间被切断）？我尝试使用overflow: hidden，但没有帮助。

258 html css

18

单个巨大的.css文件与多个较小的特定.css文件？[关闭]

已关闭。这个问题是基于观点的。它当前不接受答案。想改善这个问题吗？更新问题，以便通过编辑此帖子以事实和引文回答。 2年前关闭。改善这个问题拥有一个包含将在几乎所有页面上使用的样式元素的单个Monster .css文件有什么好处？我在想，为了便于管理，我想将不同类型的CSS提取到几个文件中，并在我的主文件中包含每个文件，这<link />有什么不好吗？我觉得这样比较好 positions.css button.css table.css copy.css 与 site.css 您有没有看到一种相对于另一种方法的陷阱？

258 css html stylesheet

7

无法滚动到容器溢出的弹性项目的顶部

因此，在尝试使用flexbox创建有用的模式时，我发现了似乎是浏览器的问题，并且想知道是否存在已知的修复程序或解决方法-或有关如何解决它的想法。我要解决的问题有两个方面。首先，使模态窗口垂直居中，这可以按预期工作。第二个是使模式窗口滚动-从外部滚动，这样整个模式窗口都会滚动而不是其中的内容滚动（这样您就可以使用下拉菜单和其他可以扩展到模式范围之外的UI元素-例如自定义日期选择器等）但是，将垂直居中与滚动条结合使用时，模态的顶部可能会因为开始溢出而变得不可访问。在上面的示例中，您可以调整大小以强制溢出，这样做可以使您滚动到模式的底部，但不能滚动到顶部（第一段被切除）。这是示例代码的链接（高度简化） https://jsfiddle.net/dh9k18k0/2/ .modal-container { position: fixed; top: 0; left: 0; bottom: 0; right: 0; background: rgba(0, 0, 0, 0.5); overflow-x: auto; } .modal-container .modal-window { display: -ms-flexbox; display: flex; flex-direction: column; align-items: center; justify-content: center; // Optional support to confirm scroll behavior makes sense in IE10 //-ms-flex-direction: …

258 html css flexbox browser-bugs

9

用JS解析HTML字符串

我搜索了一个解决方案，但没有任何相关之处，所以这是我的问题：我想解析一个包含HTML文本的字符串。我想用JavaScript来做。我尝试了这个库，但似乎它解析了当前页面的HTML，而不是字符串。因为当我尝试下面的代码时，它更改了页面的标题： var parser = new HTMLtoDOM("<html><head><title>titleTest</title></head><body><a href='test0'>test01</a><a href='test1'>test02</a><a href='test2'>test03</a></body></html>", document); 我的目标是从读取的HTML外部页面中提取链接，就像读取字符串一样。您知道执行此操作的API吗？

258 javascript html dom html-parsing

4

您可以调用ko.applyBindings绑定部分视图吗？

我正在使用KnockoutJS并具有主视图和视图模型。我想要一个对话框（jQuery UI）弹出另一个视图，该视图将绑定到一个单独的子视图模型。对话框内容的HTML使用AJAX检索，因此我希望能够ko.applyBindings在请求完成后调用，并且我希望将子视图模型绑定到对话框div中通过Ajax加载的HTML的一部分。这实际上可行吗，还是在页面最初加载后调用ko.applyBindings一次时需要加载所有视图和视图模型？

257 ajax html knockout.js

19

如何更改<input type =“ file” />的按钮文本？

<input type="file" value="Browse" name="avatar" id="id_avatar" /> 我试图修改value，但无法正常工作。如何自定义按钮文字？

257 html input

11

如何使浮动div的父级高度为100％？

这是HTML： <div id="outer"> <div id="inner"></div> Test </div> 这是CSS： #inner { float: left; height: 100%; } 使用Chrome开发人员工具检查后，内部div的高度为0px。我如何强制其为父div高度的100％？

256 css html height

4

HTML的“隐藏”属性和“隐藏的aria”属性有什么区别？

使用Angular Material时，我一直看到aria属性。有人可以向我解释，aria前缀是什么意思？但最重要的是，我想了解的是aria-hidden和hidden属性之间的区别。

256 html wai-aria

13

我可以将必需的属性应用于HTML5中的<select>字段吗？

如何检查用户是否从<select>HTML5 的字段中选择了某些内容？我看到<select>不支持新required属性...那我是否必须使用JavaScript？还是我想念的东西？：/

256 javascript html select required

11

如何解析C：\ fakepath？

<input type="file" id="file-id" name="file_name" onchange="theimage();"> 这是我的上传按钮。 <input type="text" name="file_path" id="file-path"> 这是我必须显示文件完整路径的文本字段。 function theimage(){ var filename = document.getElementById('file-id').value; document.getElementById('file-path').value = filename; alert(filename); } 这是解决我问题的JavaScript。但是在警戒值给了我 C:\fakepath\test.csv Mozilla给了我： test.csv 但是我想要本地标准文件路径。如何解决这个问题？如果这是由于浏览器安全性问题引起的，那么应该采取什么替代方法呢？

256 javascript html dom file-upload

6

使用Markdown在GitHub Wiki中调整图像大小

我正在GitHub上写一个Wiki页面，并且正在使用Markdown。我的问题是我要放一个大图像（此图像位于其自己的存储库中），并且需要调整其大小。我尝试了不同的解决方案，但它们不起作用： ![image](http://url.to/image.png "Title" {width=40px height=400px}) ![image](http://url.to/image.png = 250x250) ![image](http://url.to/image.png = 250x) [[http://url.to/image.png = 250x]] 有办法吗？不带HTML时更可取。

255 html github markdown wiki

27

表固定页眉和可滚动主体

我正在尝试使用bootstrap 3表制作具有固定标题和可滚动内容的表。不幸的是，我发现的解决方案不适用于引导程序或使样式混乱。这里有一个简单的引导表，但由于某种原因我不知道tbody的高度不是10px。 height: 10px !important; overflow: scroll; 例： <link rel="stylesheet" type="text/css" href="//netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap.min.css"> <table class="table table-striped"> <thead> <tr> <th>Make</th> <th>Model</th> <th>Color</th> <th>Year</th> </tr> </thead> <tbody style="height: 10px !important; overflow: scroll; "> <tr> <td class="filterable-cell">111 Ford</td> <td class="filterable-cell">Escort</td> <td class="filterable-cell">Blue</td> <td class="filterable-cell">2000</td> </tr> <tr> <td class="filterable-cell">Ford</td> <td class="filterable-cell">Escort</td> <td class="filterable-cell">Blue</td> <td …

255 html css twitter-bootstrap html-table

14

自定义属性-是或否？

最近，我阅读了越来越多的关于人们在其HTML标记中使用自定义属性的信息，主要目的是为了嵌入一些额外的数据以供javascript代码使用。我希望收集一些有关使用自定义属性是否是一种好习惯以及一些替代方法的反馈。现在看来似乎真的可以简化既服务器端和客户端的代码，但它也不是W3C标准。我们是否应该在Web应用程序中使用自定义HTML属性？为什么或者为什么不？对于那些认为自定义属性是一件好事的人：使用它们时要记住哪些注意事项？对于那些认为自定义属性是一件坏事的人：您使用什么替代方法来完成类似的任务？更新：我最感兴趣的是各种方法背后的原因，以及为什么一种方法优于另一种方法的要点。我认为我们所有人都可以提出4-5种不同的方法来完成同一件事。（隐藏的元素，内联脚本，额外的类，从id解析信息等）。更新2：似乎HTML 5 data-属性功能在这里得到了很多支持（我倾向于同意，它看起来是一个可靠的选择）。到目前为止，我对这一建议的反驳方式还很少。使用此方法是否有任何问题/陷阱值得担心？还是仅仅是对当前W3C规范的“无害”无效？

254 javascript html xhtml custom-attribute

19

如何使div元素内联显示？

鉴于此HTML： <div>foo</div><div>bar</div><div>baz</div> 如何使它们像这样内联显示： foo bar baz 不像这样： foo bar baz

254 css line html

8

高度和宽度不适用于跨度吗？

总菜鸟问题，但在这里。的CSS .product__specfield_8_arrow { /*background-image:url(../../upload/orng_bg_arrow.png); background-repeat:no-repeat;*/ background-color:#fc0; width:50px !important; height:33px !important; border: 1px solid #dddddd; border-left:none; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; border-bottom-left-radius:0px; border-top-left-radius:0px; -moz-border-radius-bottomleft:0px; -moz-border-radius-topleft:0px; -webkit-border-bottom-left-radius:0px; -webkit-border-top-left-radius:0px; margin:0; padding:2px; cursor:pointer; } 的HTML <span class="product__specfield_8_arrow">&nbsp;</span> 小提琴基本上，我试图模拟一个按钮，使跨度（或某个范围）看起来像一个输入字段旁边的按钮，由于自动填充生成器会在onEnter上生成错误，因此实际上不需要是一个输入字段。以为这是目前的快速解决方案，但显然不是。谢谢。

254 css html width

Questions tagged «html»