响应式导航栏响应问题

时间:2020-09-17 20:23:52

标签: html css responsive-design responsive

好的,我正在尝试使导航栏具有响应能力,并且遇到一些麻烦

我的HTML和我的CSS

postgres_fdw
switch (emailType)
{
    case EmailType.Welcome:
        return engine.GenerateTemplate().WithModel(new WelcomeModel());

    case EmailType.Reminder:
        return engine.GenerateTemplate().WithModel(new ReminderModel());
}

public ITemplate<T> GenerateTemplate<T>()
{
    return new EmailTemplate<T>();

    // ...
}

public interface ITemplate<T>
{
    void WithModel(T model);
}

public class EmailTemplate<T> : ITemplate<T>
{
    void WithModel(T model)
    {
        // ...
    }
}

好的,到目前为止,我已经在列中显示了li的显示。现在,我想让它们到达页面的中心。而且我已经做了很多尝试,例如证明内容:和理由项目:居中;和文本居中对齐;我不知道该怎么做,有人可以帮忙吗?

谢谢:)

1 个答案:

答案 0 :(得分:2)

Field.jsx应该是import "./Position.css"; import { Position } from "./Position"; ... getPositionData = val => { this.setState({ positions: this.state.positions}; } render() { return ( <div className="app"> <div className="calc-wrapper"> <Input input={this.state.input} /> <div className="row"> <Position src='https:my-url.png' handleClick={this.getPositionData}> </Position> </div> </div> </div> </div> );

我建议浏览Flexbox上的几篇文章,this是一个好的开始。