小编Pet*_*tas的帖子

在div horizo​​ntaly的众多跨度中的一个

我有一个改变的CSS问题.最好用图像描述的一个.在此输入图像描述

确切的定义.我有一个内部有多个内联div的div.我想将一个类设置为其中一个(黄色一个)以使其居中并相应地将其余部分移动到一行中(div外部有溢出隐藏)如果我从右边的黄色制作第二个,它将会居中并且在那里将是左侧的三个,然后是它(居中),一个在右侧.我希望我说清楚.我知道它可以使用javascript完成但是一切都很流畅,以便稍后在重新调整整个页面大小时会引入一些问题.

帮助赞赏.

谢谢,彼得

html javascript css

7
推荐指数
1
解决办法
108
查看次数

点网核心路由参数绑定列表

我正在尝试从 dot net core 中的路由解析参数列表(在我的情况下很长)。因此我想要这样的东西

[HttpGet("{ids?}")]
public async Task<IActionResult> Get([FromRoute, Optional]long[] ids)
{
}
Run Code Online (Sandbox Code Playgroud)

我知道它默认情况下不起作用,我也知道它通过查询字符串起作用。但是,为了保持一致性,我想将其保留为路由参数。

是否可以在 dot net core 中扩展 FromRoute 并实现此行为?

到目前为止,我设法创建了一个在技术上可行的操作过滤器,但它需要额外的属性,默认的 FromRoute 仍在模型状态中创建错误(尤其是最后一部分显然是不可接受的)。

我当前的属性部分代码可能可以重用以实现正确的实现。

public class ArrayInputAttribute : ActionFilterAttribute
{
    private readonly List<string> _ParameterNames;
    public string Separator { get; set; }

    public ArrayInputAttribute(params string[] parameterName)
    {
        _ParameterNames = parameterName.ToList();
        Separator = ",";
    }

    public void ProcessArrayInput(ActionExecutingContext actionContext, string parameterName)
    {
        if (actionContext.ActionArguments.ContainsKey(parameterName))
        {
            var parameterDescriptor = actionContext.ActionDescriptor.Parameters.FirstOrDefault(p => p.Name == parameterName);
            if (parameterDescriptor != null && parameterDescriptor.ParameterType.IsArray)
            { …
Run Code Online (Sandbox Code Playgroud)

c# asp.net-core

5
推荐指数
1
解决办法
3101
查看次数

像滚动行为一样聊天 (ReactJs)

我正在尝试实现一个聊天应用程序,更准确地说是聊天应用程序的滚动行为。我认为最好用 gif 来描述。 https://i.imgur.com/NnpMeOx.gif 如您所见,我想支持一些关键功能:

  1. 滚动是相反的,因此页面加载时,消息与滚动条一起从底部开始
  2. 当用户输入消息时,聊天会滚动到底部。(这个很简单,不需要关注这部分)
  3. 如果出现新消息(在现实生活中由 websocket 推送),它不应该破坏现有的滚动位置,除非它已经位于底部。然后它应该滚动以自动显示消息。

到目前为止我已经实施了2个解决方案:

a) 在可滚动元素上显示 flex 和 flex-direction column-reverse 。这开箱即用,效果很好,但仅限于 chrome :( IE(和 Edge)以及 Firefox 完全忽略了这一点。不是一个好的解决方案

b)我用transform:scaleY(-1)翻转了容器,然后我反转了消息并用相同的变换翻转了每一个消息。这里最明显的问题是滚动(鼠标滚轮和箭头)是反向的。我修复了它,没有管理平滑滚动(很糟糕),但再次,Edge(可能还有 IE)只是将滚动条显示为禁用。这不是一个好的解决方案

I am really hoping to find somebody who can point me in the right direction because so far, my efforts while logically ok totally failed browser compatibility.

The code is on https://github.com/PeterKottas/react-bell-chat, it's react but tbh, that doesn't matter much as this seems more like a general web dev exercise.

P.S.: I can't …

javascript css chat flexbox reactjs

3
推荐指数
1
解决办法
6528
查看次数

标签 统计

css ×2

javascript ×2

asp.net-core ×1

c# ×1

chat ×1

flexbox ×1

html ×1

reactjs ×1