草庐IT

style-width

全部标签

java - 使用 Java 解析 HTML "style"属性

我将HTML代码解析为org.w3c.dom.Document。我需要检查所有标签style属性,解析它们,更改一些CSS属性并将修改后的样式定义放回属性。是否有任何标准的方法来解析style属性?如何使用org.w3c.dom.css包中的类和接口(interface)?我需要一个Java解决方案。 最佳答案 如果您想要一种无需任何依赖项即可执行此操作的方法,您可以使用javax.swing.text.html包类来完成大部分工作:importjavax.swing.text.html.*;StyleSheetstyleSheet

HTML 表格列宽 : combining fixed and variable widths

我做了这样一张表:aaabbbccc我如何使用CSS使b和c列具有固定宽度,a列只占用所需的空间,而空间列扩展以填充表格的其余部分? 最佳答案 我不是CSS大师,但没有办法做到这一点似乎是不对的。这似乎适用于Firefox和IE7。我没有检查其他浏览器。第一个shrink-to-fit设置(使用CSS)为0宽度,因此它会缩小以适合内容。第二个空格设置(使用CSS)宽度大于表格中的宽度。最后两个定宽的宽度不在上。相反,它设置为样式。这会强制列宽。colstd.fixed-width{width:100px;background-col

html - IE 8 溢出 : hidden and max-width

我想在表格中显示文字,当它比150px宽时我想切割它,但我不想要表格单元格的固定宽度(如果没有文字,宽度将为0px)。在IE9、Firefox、Chrome、Opera中一切正常,但在IE8中不正常。IE8中的代码示例:Chrome中的代码示例:代码如下:td,span{border:1pxsolidred;max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}span{border:1pxsolidgreen;display:block;}WorksinFirefox,Chrome,Ope

javascript - 未捕获的类型错误 : Cannot read property 'width' of null

我实际上不知道发生了什么,因为它昨晚还在工作。无论如何,我正在尝试使用html5和javascript制作绘图应用程序。这是我第一次正确地看待JS并用它创建一些东西,所以我从各种教程中获得了我的代码,并从其他friend那里得到了帮助a.k.a我是一个n00b。我使用了以下内容:github.com/jaseemkp/paint-app-with-save-facilitycodetheory.in/different-tools-for-our-sketching-application/HTML5CanvasCookbook-第6章:与Canvas交互:将事件监听器附加到形状和区域

html - `min-width` 不适用于表单 `input[type="button"]` 元素吗?

有人知道这不起作用的原因吗?(适用于width,但不适用于min-width)input[type="button"]{min-width:100px;}编辑:澄清“按钮”选择器适用于width,只是不是min-widthmin-width适用于其他元素,只是不适用“按钮”选择器这是在Chrome/Safari。不是IE问题。 最佳答案 我也遇到了这个问题。min-width确实有效,但可能无法为您提供预期的结果,或者可能由于按钮的默认box-sizing为border-而无法正常工作框。尝试在按钮上设置box-sizing:con

html - 旋转时的 css 挑战(转换 :rotate) block - width auto

我在使用css变换将block旋转90度时遇到了一点问题。挑战在于:旋转block在40px垂直列内。这意味着自动模式下旋转block的宽度不超过40px。因此,大块文本不会放在一个连续的行上,而是会出现换行符。为了更好地可视化这个问题,请检查我创建的这个fiddle:http://jsfiddle.net/F7CEX/#open_nav{font-family:'Exo',sans-serif;font-weight:300;font-size:1em;display:block;color:#333333;text-decoration:none;background:url("i

html - 为什么 HTML 中的 <style> 标签带有 type 属性?

我的意思是有人使用不同于“text/css”的值吗? 最佳答案 CSS和JavaScript可能已经杀死了所有竞争对手并统治了浏览器,但其他语言已经存在,并且在编写HTML4时CSS/JS的胜利更不确定。对于样式表,唯一真正的竞争者是JSSS,它在Netscape4中得到了支持(由于它是其JSSS引擎之上的仿真层,因此CSS支持非常差)。 关于html-为什么HTML中的<style>标签带有type属性?,我们在StackOverflow上找到一个类似的问题:

html - border-width 中的 CSS calc()?

我可以使用带边框宽度的calc()吗?我希望以下CSS能够工作:.my-element{border-left-width:calc(10%+10px);border-right-width:calc(10%+20px);}但无论出于何种原因,我提供的任何值calc()结果根本没有边界。我在MDN上找到的文档不清楚是否可以使用calc-它说我应该使用Anyvalue,但这是否包括计算?我的目标是IE9,但我在Chrome34和Firefox28中得到了相同的结果。我知道我总是可以使用jQuery来实现这些事情,但我想尽可能避免它。 最佳答案

html - 如何在 HTML 标记中对 &lt;script&gt; 标签与 &lt;style&gt; 标签进行排序以获得最佳结果

我正在http://royronalds.com建立我的网站,我试图找出中元素的顺序最有道理。从我目前拥有的情况来看,我有:外部样式表到网站图标对于jQuery网站的主要javascript谷歌分析,异步脚本。是否有理由对这些进行不同的排序,以便加载时间和其他问题更顺利地发生?如果是这样,理想的顺序是什么? 最佳答案 现代浏览器会等待任何类型的渲染,直到整个部分被检索(包括其中链接的文件)。因此,顺序对性能无关紧要。对于Javascript,文件的顺序就是执行的顺序。对于样式表,顺序决定优先级(如果所有其他条件都相同,则最后定义的规

javascript - 通过 document.write() 添加一个简单的静态 &lt;style&gt; 标签的原因是什么?

我刚刚看了一个randomapppage的页面源码在apptivate.ms上并在中注意到这个JavaScript:document.write(".app-description{max-height:600px}");它在客户端显然是完全静态的,所以我想知道有什么用例。由于他们的StackExchange开发人员(支持apptivate.ms)非常聪明,我确定有一些原因,但我无法弄清楚是哪个。我想这与延迟规则在整个文档加载之前生效有关,但我希望一旦浏览器“看到”新标签就应用该规则... 最佳答案 因为.app-descripti