Tag: css

在固定宽度div中包含“white-space：pre”的文本: 如果标题有点模糊，请允许我解释一下。我正在使用NodeJS，MongoDB和Express制作一个小问答应用程序。目前我正在使用CSS做布局部分。我有一个小文本区，在这里你可以提交文本，点击提交button后，你被redirect到一个页面，显示刚刚通过表单input的数据。但是，文本的主体溢出了我为div设置的最大宽度，这发生在我添加了“white-space：pre”之后。属性来启用邮件中的换行符。在此之前，文本将保持在我为div定义的960像素宽度内，但不会有任何换行符。这个视图的Jade代码： extends layout block content div.pageContainer h1 #{discussion.title} span(id="categoryMarker" style="font-size: 1.25em;") "#{discussion.category}" h3 #{discussion.author} |  -   span Created on #{discussion.date.toDateString()} br br div#bodyText p #{discussion.body} footer div.wrapper a.hvr-grow(href="/discussions") Back to all threads span.hvr-grow(style="color:white;")   -   a.hvr-grow(href="/discussions/create") Start a thread CSS样式表（与来自textarea的input显示的p相关） #bodyText { font-size: 0.75em; font-family: Arial, "Helvetica Neue", Helvetica, […]

Swift – Spritekit：当节点触及底部边缘时，添加一个计数器（高分计算器）: 我有我的代码设置，以便当我的球节点触摸屏幕的底部边缘程序检测到它。我想要的是，每当它触及底部边缘，本质上是一个高分variables，一个variables增加1。我到目前为止，但它只打印“你的分数是1”。每次节点都触及底部边界。任何帮助，将不胜感激。干杯！我的代码： func didBeginContact(contact: SKPhysicsContact) { // 1. Create local variables for two physics bodies var firstBody: SKPhysicsBody var secondBody: SKPhysicsBody var counter = Int() // 2. Assign the two physics bodies so that the one with the lower category is always stored in firstBody if contact.bodyA.categoryBitMask < contact.bodyB.categoryBitMask { […]

样式表（CSS）不在我的Sails应用程序中加载: 我在/assets/styles -folder中放置了一个样式表style.css ，并通过<link rel="stylesheet" href="style.css" type="text/css"> something <link rel="stylesheet" href="style.css" type="text/css"> 。但样式表不加载。有没有人有一个想法？

如何在Express（Node.js）模板中为Internet Explorer保留有条件的CSS语句: 我正在尝试在我的EJS模板中放置Internet Explorer的条件语句。它仍然是我的ejs文件中的注释。我尝试了以下两种方法。 <!– [if gte IE 8 ]> <style> .cs-fixed-header-table { height: 500px; } </style> <![endif] –> 和 <!–[if gte IE 8 ]> <link rel="stylesheet" href="IEstyle.css"> <![endif]–> 任何这些都不起作用。有什么可以做到这一点呢？提前致谢。

在使用css2stylus之后，手写笔文件给出了加载资源错误的失败: 我试图使用手写笔为我的nodeJs应用与快递，但浏览器无法编译我的手写笔文件到CSS。这是我的style.styl文件（style.css文件工作时，我根本不使用手写笔）。我使用css2stylus模块将css转换为手写笔。

无法在node.js中加载js和css文件: 这是html页面。我从node.js服务器调用了这个页面，例如app.js.Here我无法加载socket.io.js，bootstrap.js，bootstrap.css页面。我的index.html： <html> <script type="text/javascript" src="/javascripts/socket.io.js"></script> <script src="https://code.jquery.com/jquery-1.10.2.js"></script> <script type ="text/javascript" src="/javascripts/bootstrap.js"></script> <link rel="stylesheet" type="text/css" href="/stylesheets/bootstrap.css" /> <div id="progressbar"> </div> <script> var socket = io('http://localhost:8085'); socket.on('connect', function(){}); socket.on('message', function(data){ $('#progressbar').progressbar({ maximum: 100, step: JSON.parse(data).percent }); }); socket.on('disconnect', function(){}); </script> </html> 我的app.js代码： var app = express (); var http = require('http').Server(app); var io = require('socket.io')(http); http.listen(8085, […]

无法导入节点模块: 我试图改进我的节点脚本，实质上将修改的LESS文件转换为CSS。它最终制作了一堆冗余的CSS，所以我想用另一个模块来“缩小”它。我尝试了官方的LESS以及似乎是第三方的东西，但都没有成功。两者都通过。命令行就好了，但是每当我尝试在脚本中导入它们时，就会报错： module.js:338 throw err; ^ Error: Cannot find module 'clean-css' at Function.Module._resolveFilename (module.js:336:15) at Function.Module._load (module.js:278:25) at Module.require (module.js:365:17) at require (module.js:384:17) at Object.<anonymous> (M:\Sped\Custom CSS\compile.js:12:16) at Module._compile (module.js:460:26) at Object.Module._extensions..js (module.js:478:10) at Module.load (module.js:355:32) at Function.Module._load (module.js:310:12) at Function.Module.runMain (module.js:501:10) 我已经尝试多次使用和不使用-g标志来安装它们（不完全确定那是甚么）。我发现了其他类似的问题，但他们似乎是另一种方式，他们可以将它们导入到脚本中，但没有命令行使用，而且它们在Mac或Linux上。不知道它是否有很大的不同，但我在Windows 10 64位。有人能告诉我我能做些什么来解决这个问题吗？

如何将静态HTML和CSS文件连接到Node.js应用程序？: 我尝试通过Heroku显示（静态）HTML网页。我已经按照这个教程： https ： //www.youtube.com/watch？v = gAwH1kSODVQ，但经过多次尝试仍然无法正常工作。我对编码比较陌生，所以如果你能给出具体的例子，那就太棒了！以下文件已被推送到heroku： server.js package.json Procfile.js (folder) public with index.html, main.css //Server.js文件： var express = require('express'); //require express module in server.js file var app = express(); var mongojs = require('mongojs'); var db = mongojs('birthdaylist', ['birthdaylist']); var bodyParser = require('body-parser'); var http = require('http'); var port = Number(process.env.PORT || 3000); […]

为什么css-nano（几乎）不起作用？: gulp-minify-css 表示不赞成，并指出gulp-css-nano作为其继任者。怎么，我用cssnano达到如此之弱的结果？我做的最小的事情（和美化之后的可读性）： gulp.task('teststyles-nano', [], function () { gulp.src('css/testcase.css') .pipe( nano() ) .pipe( cssbeautify() ) .pipe( rename('nano.css' )) .pipe( gulp.dest('./public/') ); }); gulp.task('teststyles-minify', [], function () { gulp.src('css/testcase.css') .pipe( minifyCss() ) // resp. .pipe(minifyCss()) .pipe( cssbeautify() ) .pipe( rename('minify.css') ) // resp. 'minify.css' .pipe( gulp.dest('./public/') ); }); 这是我的testcase.css ，有很多有意义的东西来优化： html, body { margin: […]

与webpack的Scss提取: 我正在尝试使用ExtractTextPlugin提取并将我的scss转换为css，并将其与client.min.js一起移动到src文件夹中，但构buildwebpack.config.js文件时目前正在获取以下问题： ./scss/styles.js中的错误未find模块：错误：无法parsingC：\ Users \ ajoku \ Desktop \ Web Projects \ learn2node \ http \ scss @ ./scss/styles.js中的模块“main.scss” ：0-20 我的webpack.config.js文件： "use strict"; var debug = process.env.NODE_ENV !== "production"; var webpack = require('webpack'); var path = require('path'); let ExtractTextPlugin = require('extract-text-webpack-plugin'); let extractSCSS = new ExtractTextPlugin('./scss/main.scss',{allChunks: true}); module.exports = { context: path.join(__dirname, "http"), devtool: debug ? […]