Articles of CSS

Javascript在Mac和PC上的行为有所不同? 我知道它不应该

我已经创build了一个分页脚本,需要一长段文本并将其分解成页面。 首先将文本加载到ID为#page的div中。 然后,脚本测量#页面的高度,并计算应该分成多less个页面,以便与class .detailsholder合并到div中。 div .detailsholder被清除,并且内部添加适当数量的页面div。 (实际上每个页面里面都有#page的全部文本,但是上边距设置不当,高度固定,溢出设置为隐藏,所以只显示适量。 除此之外,它的效果非常好:当Mac上的Safari和Firefox工作正常时,Windows上的IE和Firefox会添加一个额外的页面。 由于创build页面的方式,如上面括号中所述,最后一页显示为空白 – 文本移动得太远而不能显示在页面“窗口”中。 这是代码。 我正在使用jQuery,如你所见。 var descHeight = $('#page').outerHeight(); if (descHeight > 250 ) { var numberOfPages = Math.round(descHeight/210)+1; //Figure out how many pages var artistText = $('#page').html(); //Grab the text into a variable $('.detailsholder').empty(); //Empty the container so we can fill //it with pages for (i=0;i<=numberOfPages-1;i++) […]

符合CSS 2.1的HTML到Microsoft Word的转换?

我在Prince XML中find了一个极好的HTML到PDF转换器。 现在我正在寻找类似的质量从HTML + CSS生成Word文档。 这是在PHP / Linux上。

资源被解释为样式表,但是以MIMEtypestext / html传输

这是我的html: <!DOCTYPE html> <html> <head> <meta http-equiv = "Content-Language" content = "en"/> <meta http-equiv = "Content-Type" content="text/html; charset=utf-8"> <link rel="stylesheet" type="text/css" href="/xxx/app/www/style.css"> 现在,当我加载页面时,Safari的检查员给我: 资源被解释为样式表,但是以MIMEtypestext / html传输 我正在和MAMP一起工作。 我不知道该修改什么才能使其工作。 我读到这可能是某种服务器问题。 我如何解决它?

在Chrome中无法使用CSS3 3D转换(Linux)

您将需要Linux Chrome才能看到此内容。 在我的开发网站spoilmebox.com (见底部的三个框),我的背面显示。 我该如何解决? CSS … .Qcontainer { position: relative; -webkit-perspective: 800; -moz-perspective: 800; perspective: 800; background: none; } .pumpkinhead { width:100%; height:15em; -webkit-transform-style: preserve-3d; -webkit-transition: 1s; -moz-transform-style: preserve-3d; -moz-transition: 1s; transform-style: preserve-3d; transition: 1s; } .Qcontainer:hover .pumpkinhead { -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); transform: rotateY(180deg); } .face { position: absolute; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; […]

如何在Linux和Mac中使用Calibri字体

我的项目的所有文本都以我自己的方式input,在所有主stream浏览器的Window os中完美工作,但是当我们尝试在Linux或Mac上部署相同的项目时,字体样式(字体系列,大小)会发生变化, ,它看起来很奇怪。 它知道TTF(真正的字体)是所有的操作系​​统,直到现在,我得到了复制粘贴的方法,从Windows到Linux复制的calibri文件,但它不值得我。 我希望它不仅仅是一个特定的系统。

在networking上,我应该使用哪种字体来创build跨平台的等效体验?

由于Linux(及其变体)与Windows和Mac OS X有完全不同的字体集合,是否有任何人有任何创build跨平台字体系列的经验 – 理想上可以find上述操作系统中常见字体的等价物? 如果是这样,最好的路线是什么?

sed – 传递匹配到外部命令

我写了一个使用sed的脚本来改变这个: kaefert@Ultrablech ~ $ cat /sys/class/power_supply/BAT0/uevent POWER_SUPPLY_NAME=BAT0 POWER_SUPPLY_STATUS=Full POWER_SUPPLY_PRESENT=1 POWER_SUPPLY_TECHNOLOGY=Li-ion POWER_SUPPLY_CYCLE_COUNT=0 POWER_SUPPLY_VOLTAGE_MIN_DESIGN=7400000 POWER_SUPPLY_VOLTAGE_NOW=8370000 POWER_SUPPLY_POWER_NOW=0 POWER_SUPPLY_ENERGY_FULL_DESIGN=45640000 POWER_SUPPLY_ENERGY_FULL=44541000 POWER_SUPPLY_ENERGY_NOW=44541000 POWER_SUPPLY_MODEL_NAME=UX32-65 POWER_SUPPLY_MANUFACTURER=ASUSTeK POWER_SUPPLY_SERIAL_NUMBER= 转换为像这样的csv文件格式: kaefert@Ultrablech ~ $ Documents/Asus\ Zenbook\ UX32VD/power_to_csv.sh "date";"status";"voltage µV";"power µW";"energy full µWh";"energy now µWh" 2012-07-30 11:29:01;"Full";8369000;0;44541000;44541000 2012-07-30 11:29:02;"Full";8369000;0;44541000;44541000 2012-07-30 11:29:04;"Full";8369000;0;44541000;44541000 … (in a loop) 我现在想要的是将这些数字除以1.000.000,以使它们不代表μV,而代替μW代替V和W,以便快速浏览它们。 当然,我可以手动完成后,一旦我打开这个csv内libre办公室calc,但我想自动化它。 所以我发现,我可以在sed之间调用外部程序,如下所示: … s/\nPOWER_SUPPLY_PRESENT=1\nPOWER_SUPPLY_TECHNOLOGY=Li-ion\nPOWER_SUPPLY_CYCLE_COUNT=0\nPOWER_SUPPLY_VOLTAGE_MIN_DESIGN=7400000\nPOWER_SUPPLY_VOLTAGE_NOW=\([0-9]\{1,\}\)/";'`echo 0`'\1/ 而且我可以通过像这样的东西来获得我想要的值: echo "scale=6;3094030/1000000" | bc […]

我如何validation内部网页上的CSS?

我想检查内部网页,所以我不能直接使用W3Cvalidation服务。 我设法在本地运行XHTMLvalidation器,但是,我有一些与CSSvalidation程序的问题。 我真的不想安装Tomcat或Jigsaw以便能够运行Java servlet,命令行选项给我一个错误消息 Exception in thread "main" java.lang.NoClassDefFoundError: org.w3c.tools.resources.ProtocolException at org.w3c.css.css.CssValidator.main(CssValidator.java:164) 我如何validation一个Linux的本地CSS框?

Windows XP中的Internet Explorer 8

我目睹了Internet Explorer 8(IE8)是如何在Windows XP中以及它如何在Windows Vista / 7中的。 非常奇怪的是,IE8似乎像IE7的某些方面的CSS和JavaScript(也许也为其他元素)。 我是谁看到的东西? 否则,如果这是真的,为什么会发生这种情况,IE8的Windows XP和IE8的Windows Vista / 7的主要区别是什么?

奇怪的行为与Windows 10上的Firefox 10的边界

我正在尝试使用边界创build箭头,但是win7上的FF10不想玩球。 它在我的边框周围添加了一个1px的边框。 这里是一个JSFiddle的一个最小的例子: http : //jsfiddle.net/5jjVb/1/ 无论我设置的边框颜色是多less,额外的边框总是相同的颜色。 对于那些你不在FF或窗口7这里是一个截图: 这里是在OS X上的FF相同的箭头: 我总是可以将箭头的颜色更改为与额外边框相同的颜色,但是感觉不对。