Tag: html

水平线和正确的方式来编码在HTML,CSS

我需要在一些块之后画出一条水平线,我有三种方法来做到这一点: 1)定义一个类h_line并添加cssfunction,像 #css .hline { width:100%; height:1px; background: #fff } #html <div class="block_1">Lorem</div> <div class="h_line"></div> 2)使用hr标签 #css hr { width:100%; height:1px; background: #fff } #html <div class="block_1">Lorem</div> <hr /> 3)像使用伪类一样使用它 #css .hline:after { width:100%; height:1px; background: #fff; content:"" } #html <div class="block_1 h_line">Lorem</div> 哪种方式最实用?

HTML电子邮件:表或divs?

HTML电子邮件通讯的HTML / CSS是否需要以表格格式,或者我可以使用DIV等同的保证,它将显示良好的交叉电子邮件客户端? 我已经下载了一些模板,看看它们是如何完成的,我自己也是基于这些模板的,他们似乎都使用表格。 任何洞察力非常感谢,谢谢!

为什么Firefox和Opera忽略显示内的最大宽度:table-cell?

以下代码在Chrome或IE中正确显示(图像宽度为200px)。 在Firefox和Opera中, max-width样式完全被忽略。 为什么会发生这种情况,是否有一个好的解决办法? 另外,哪种方法是最符合标准的? 注意 一个可能的解决方法是将max-width设置为200px 。 不过,这是一个颇为人为的例子。 我正在寻找一个可变宽度容器的策略。 <!doctype html> <html> <head> <style> div { display: table-cell; padding: 15px; width: 200px; } div img { max-width: 100%; } </style> </head> <body> <div> <img src="http://farm4.static.flickr.com/3352/4644534211_b9c887b979.jpg" /> <p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec facilisis ante, facilisis posuere ligula feugiat ut. Fusce […]

为什么IE9在文档模式下以IE7标准打开?

当我用DOCTYPE打开IE9中的一个网页时 <!DOCTYPE html> 它以IE7标准打开文档模式。 我在打开页面时需要默认的IE9标准。 如何纠正这个文档模式的问题? IE浏览器开发工具的截图

溢出到左边而不是右边

我有一个与overflow:hidden的div overflow:hidden ,其中我显示一个电话号码,用户键入它。 div内的文本向右alignment,并且随着文本向左增长,传入的字符被添加到右边。 但是,一旦文字大小不足以容纳div,数字的最后一个字符就会自动裁剪,用户看不到她所键入的新字符。 我想要做的是裁剪左边的字符,就像div显示其内容的最右边,并溢出到左边。 我如何创build这个效果?

强制Internet Explorer 9使用标准文档模式

如何强制Internet Explorer 9使用标准文档模式? 我build立了一个网站,我发现IE9使用怪癖模式来渲染网页。 但我想使用标准模式进行渲染。

在CSS中设置最大字符长度

我正在为学校做出反应的网站,我的问题是: 如何在我的网站(如75个字符)上设置句子(带CSS)的最大字符长度,当我有一个非常大的屏幕,句子将不会超过75个字符。 我已经尝试了一个最大宽度,但这混乱了我的布局。 我正在使用flexbox和mediaqueries使其响应。

我如何强制浮动DIV匹配另一个浮动DIV的高度?

我的HTML代码只是将网页分成两列,分别为65%,35%。 <div style="float : left; width :65%; height:auto;background-color:#FDD017;"> <div id="response"> </div> </div> <div style="float : left; width :35%;height:auto; background-color:#FDD017;"> <div id="note"> </div> </div> 在response div ,我有可变数据; 在note div ,我有固定的数据。 即使两个div有两组不同的数据,我需要它们以相同的高度显示,以便背景颜色显示为填充包含两者的框。 自然,问题是response div ,因为它的高度根据当前显示的数据量而变化。 我怎样才能确保两列的高度总是相等的?

如何改变一个跨度看起来像一个预先使用CSS?

是否有可能改变一个<span>标签(或<div> )来预格式化它的内容,就像<pre>标签将只使用CSS?

forms没有行动,在哪里input不重新加载页面

我正在寻找最新的方式来创build一个没有提交button的HTML表单。 这本身是很容易的,但我也需要停止窗体重新加载时提交类似的事情完成(例如,在文本字段中按Enter )。