小编Ala*_*ong的帖子

这是我的代码:

.column {
    column-count: 4;
    column-gap: 10px;
    -moz-column-count: 4;
    -moz-column-gap: 10px;
    -webkit-column-count: 4;
    -webkit-column-gap: 10px;
}

<div class="column">
    <div class="inner">1</div>
    <div class="inner">2</div>
    <div class="inner">3</div>
    <div class="inner">4</div>
    <div class="inner">5</div>
    <div class="inner">6</div>
    <div class="inner">7</div>
    <div class="inner">8</div>
    <div class="inner">9</div>
    <div class="inner">10</div>
    <div class="inner">11</div>
    <div class="inner">12</div>
</div>

其结果是:
1 4 7 10
2 5 8 11
3 6 9 12

我想要的是:
1 2 3 4
5 6 7 8
9 10 11 12

那可能吗？我该怎么做？

我无法得到req.cookies，即使req.headers它返回空对象并且未定义。

我尝试使用'request.credentials'valueinclude和same-origin，但都不起作用。

我可以req.cookies从中获取getServerSideProps，但我不想在每个页面上都执行此操作或为此创建 HOF。

那么，问题是为什么req.cookiesincontext是空对象？

import { ApolloServer } from 'apollo-server-micro';
import { getToken } from 'next-auth/jwt'
import Cors from 'micro-cors';

const schema = makeExecutableSchema({
  typeDefs,
  resolvers
});

const server = new ApolloServer({
  schema,
  context: async (ctx) => {
    const token = await getToken({req: ctx.req, secret: process.env.JWT_SECRET})

    return {};
  },
  playground: {
    settings: {
      'request.credentials': 'include'
    }
  },
});

const cors = …

所以这是我的代码:

$('li a').click(function(){
    if ( $('li').width() == '7%' ) {
        $('li').animate({
            width: '86%'
        },300);
    } else {
        $('li').animate({
            width: '7%'
        },300);
    }
});

百分比似乎没有用.如果我将它改为像素,它完全,但在百分比,它似乎有错误.

任何专业人士都可以帮助我摆脱困境吗？请!

================================================== ================================

好的,现在我把它改成css:

$('li a').click(function(){
    if ( $('li').css('width') == '70px' ) {
        $('li').animate({
            width: '86%'
        },300);
    } else {
        $('li').animate({
            width: '70px'
        },300);
    }
});

但是当我将70px改为7%时,这是行不通的.为什么？