<li>タグと次の<li>タグの間にスペース出来るんだけど、あれってどうやってスペース消すのがベストプラクティスなの? ulにfont-size:0にして、liでfont-sizeを任意の値でリセットする解決策を見つけて良い感じだと思ったんだけど、これって何か特定のモダンブラウザーでバグとか起きたりする?
1行でかきーな
block要素に戻す
これはどことどこにどう指定すれば良いの?
line-height: 1em とか。
すごいな、みんな。みんな答えが違うじゃん。
色んな方法があると解釈しろよ
うん。だからみんなすごいなって感心してるんだがw
改行をコメントアウトが見やすい<!ーーーー><li></li>
これが無難やね
自分もこの方法です
これ使いたいんだけど、今使ってるテンプレートエンジンだと効かないんだよね。他に教えてもらったやつは使い方調べないとよくわからんw
ダサい感じがするが<li>タグと次の<li>タグの間にコメント入れるという方法もある
それテンプレートエンジン内でやろうとしたんだけど、ダメだったのよね。
今時htmlにするときにminifyしない人いるの?
minifyてなんやねん
htmlもminifyするんかい
自分で運営までしてる奴以外しない。
とりあえずgulpでminify自動化させておけばおk?
サービス運営とかでないならそこまでやる必要とおもっています
minifyする?しない?という選択肢があった時に、minifyしない理由を教えて下さい。逆に。「そこまで」の意味が分からんよ。たかだかminifyがどんだけ大事なんだよ。
ていうか、htmlとcssのクラス名とかid名を短い文字列に置き換えてくれるようなminifyのやつないの?BEMってるとクラス名長くなるんだけどもw
あ、minifyすれば結果的にliタグの間のスペースもなくなるっていう話か。gulpにminify処理追加してみよっと
GoogleのClosure Compiler使えばIDやクラス名も圧縮してくれるよ。
あんま覚えてないけど、IE6,7系はそれだと効かなかった気がするくらい。floatとか。
お、じゃーもうfont-size:0で対応しちゃっておkなのかな。このやり方は楽でありがたい。
まあGoogleにスパムと判断されてもおかしくないけどな。font-size:0だもんな
ま、俺がスパムみたいなもんだから仕方ないな
ホンマ、ゴミサイト生み出すなやー
めんご、めんご♡
<li>タグの間のスペースは「今時htmlにするときにminifyしない人いるの?」と煽りコメントを下さった「ID:pwsliB9ZfOtF」さんの言う通り、htmlをminifyすればOKなだけでしたw.参考までに自分のgulpコード貼っとくわ。.var gulp = require("gulp");var plumber = require("gulp-plumber");gulp.task("jadeToHtml", function(){var jade = require("gulp-jade");var htmlMin = require("gulp-htmlmin");return gulp.src("./jade/*.jade").pipe(plumber()).pipe(jade({pretty: true})).pipe(htmlMin({collapseWhitespace: true})).pipe(gulp.dest("../public"));});gulp.task("sassToCss", function(){var sass = require("gulp-sass");var postCss = require("gulp-postcss");var autoPrefixer = require("autoprefixer");var processors = [autoPrefixer({browsers: ["last 2 version"]})];return gulp.src("./sass/*.sass").pipe(plumber({errorHandler: function(err) {console.log(err.messageFormatted);this.emit(’end’);}})).pipe(sass({style: "expanded"})).pipe(postCss(processors)).pipe(gulp.dest("../public/css"));})gulp.task("watch", function(){gulp.watch("./jade/*.jade", ["jadeToHtml"]);gulp.watch("./sass/*.sass", ["sassToCss"]);});gulp.task("default", ["jadeToHtml", "sassToCss", "watch"], function(){console.log("f#ck Yeah!!");
みんなの回答 9 件
1行でかきーな
block要素に戻す
line-height: 1em とか。
すごいな、みんな。みんな答えが違うじゃん。
改行をコメントアウトが見やすい<!ーー
ーー><li></li>
ダサい感じがするが<li>タグと次の<li>タグの間にコメント入れるという方法もある
今時htmlにするときにminifyしない人いるの?
あんま覚えてないけど、IE6,7系はそれだと効かなかった気がするくらい。floatとか。
<li>タグの間のスペースは「今時htmlにするときにminifyしない人いるの?」と煽りコメントを下さった「ID:pwsliB9ZfOtF」さんの言う通り、htmlをminifyすればOKなだけでしたw
.
参考までに自分のgulpコード貼っとくわ。
.
var gulp = require("gulp");
var plumber = require("gulp-plumber");
gulp.task("jadeToHtml", function(){
var jade = require("gulp-jade");
var htmlMin = require("gulp-htmlmin");
return gulp.src("./jade/*.jade")
.pipe(plumber())
.pipe(jade({
pretty: true
}))
.pipe(htmlMin({collapseWhitespace: true}))
.pipe(gulp.dest("../public"));
});
gulp.task("sassToCss", function(){
var sass = require("gulp-sass");
var postCss = require("gulp-postcss");
var autoPrefixer = require("autoprefixer");
var processors = [
autoPrefixer({browsers: ["last 2 version"]})
];
return gulp.src("./sass/*.sass")
.pipe(plumber({
errorHandler: function(err) {
console.log(err.messageFormatted);
this.emit(’end’);
}
}))
.pipe(sass({
style: "expanded"
}))
.pipe(postCss(processors))
.pipe(gulp.dest("../public/css"));
})
gulp.task("watch", function(){
gulp.watch("./jade/*.jade", ["jadeToHtml"]);
gulp.watch("./sass/*.sass", ["sassToCss"]);
});
gulp.task("default", ["jadeToHtml", "sassToCss", "watch"], function(){
console.log("f#ck Yeah!!");
関連するトピックス