小编Cor*_*rrl的帖子

由于元素之间没有空格<span>，我希望它们不会换行，而是全部位于同一行，这在所有浏览器中似乎都是如此

span {
  position: relative;
}

<span>Fooooooooooooooooooooooooooooooooooooooooooooooooo</span><span>foo</span><span>Baaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaar</span><span>bar</span>

但是当添加::before工具提示元素时，这种行为会发生变化。虽然它们在 Firefox (114) 中保持在同一行，但它们在 Safari (16) 和 Chrome (114) 中开始换行。

span {
  position: relative;
}

span::before {
  content: 'tooltip';
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  background: grey;
  color: white;
  transition: opacity 100ms;
}

span:hover::before {
  opacity: 100;
}

<span>Fooooooooooooooooooooooooooooooooooooooooooooooooo</span><span>foo</span><span>Baaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaar</span><span>bar</span>

为什么会这样？有办法防止吗？

元素上的不同display选项::before没有效果。

但我刚刚注意到，inline-block在s 上设置实际上似乎与添加元素span具有相同的效果::before

span {
  position: relative;
  display: inline-block;
}

<span>Fooooooooooooooooooooooooooooooooooooooooooooooooo</span><span>foo</span><span>Baaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaar</span><span>bar</span>

对于包装是否有合理的解释，或者这是否可以被视为意外行为？

由于在实际示例中存在应该中断的空格，因此将所有内容包装在white-space: nowrap;容器中并不是一种选择。

这是一个带有空格的示例，空格FoooooooBaaaaaaar …

我想在 GitHub 页面上托管一个 SvelteKit 项目，但显然我还没有找到正确的设置。我试过

import adapter from '@sveltejs/adapter-static';

/** @type {import('@sveltejs/kit').Config} */
const config = {
    kit: {
        adapter: adapter({
            pages: 'build',
            assets: 'build',
            fallback: null,
            precompress: false
        }),
        appDir: 'app',
        prerender: {
            default: true,
        },
        trailingSlash: 'always',
    }
};

export default config;

• trailingSlashSvelteKit 文档提到了该选项
• _从默认值中删除appDir: '_app'，因为有人提到它可能会因为 jekyll 而导致问题。.nojekyll如果将空文件添加到项目中（不确定是否添加到项目的绝对根目录或托管的文件夹中），则此步骤应该是不必要的，无论哪种方式我都没有看到任何区别

构建后运行时，preview一切看起来都很好。但是，当打开已部署的页面时，所有文件.css和.js文件都有404状态。我缺少哪个设置？

svelte.config.js我在里面用的是这个

const dev = process.env.NODE_ENV === 'development';

@sveltejs/kit@1.0.0-next.350 有条件地设置一个基本路径，该路径在具有和 的项目中运行良好*.357

现在安装最新的 SvelteKit 版本后，@sveltejs/kit@1.0.0-next.386只会导致undefined

我注意到的差异是新项目列为"vite": "^3.0.0"devDependency 并且脚本从更改"dev": "svelte-kit dev",为"dev": "vite dev"

@sveltejs/kit@1.0.0-next.366更新：带有, vite@2.9.14, -的项目也是如此，"dev": "vite dev"所以切换是在 vite 3.0 之前

浏览我找到的 vite 文档import.meta.env，但这也在undefined里面svelte.config.js

从 Node v16 切换到 17 也没有什么区别

发生了什么变化以及我现在如何区分dev和build模式？