如何使用 css 减少页面两侧的空间 os 并替换 styleos themedos note

Question

我正在使用一个名为 Remark 的主题，它非常好，但我需要覆盖 css 样式以减少页面两侧的那些空间（如图所示）。有人知道如何帮助我吗？

项目：Asp.net核心 MVC。

谢谢:)

Remark

image 1

image 2

//第

页

    @model IEnumerable<Retaguarda.Application.ViewModels.Financeiro.FinanceiroListViewModel>
@{
    ViewData["Title"] = "Gerenciar Controle Financeiro";
    //var mensagemObject = TempData["Mensagem"];
}

<div class="panel">
    <div class="panel-heading">
        <h2 class="panel-title">@ViewData["Title"]</h2>
        <div class="page-header-actions">
            <ol class="breadcrumb">
                <li class="breadcrumb-item"><a asp-action="Index" asp-controller="Home">Home</a></li>
                <li class="breadcrumb-item active">financeiro-gerenciar/listar-todos</li>
            </ol>
        </div>
    </div>
    <div class="panel-body container-fluid">
            <table id="dtFinanceiroIndex" class="table-responsive-lg table table-striped table-bordered center-header table-vcenter" cellspacing="0" width="100%">
                <thead class="bg-blue-grey-100">
                    <tr>
                        <th>
                            <span class="checkbox-custom checkbox-default">
                                <input id="dt-financeiro-selectable-all" class="selectable-all" type="checkbox">
                                <label></label>
                            </span>
                        </th>
                        <th>
                            Tipo de Controle Financeiro
                        </th>
                        <th>
                            Número do Documento
                        </th>
                        <th>
                            Valor do Documento
                        </th>
                        <th>
                            Cliente/Fornecedor
                        </th>
                        <th>
                            Ações
                        </th>
                    </tr>
                </thead>
                <tbody></tbody>
            </table>
        </div>
    </div>
</div>

Answer 1

很简单：

html {
  margin: 0!important;
  padding: 0!important;
}

或者在head标签的HTML里面，你可以这样做：

<head>
<title>My website :)</title>
<link rel="stylesheet" src="remark.css" />
<link rel="stylesheet" src="style.css" />
</head>

您自己的 css 文件位于底部。在 style.css 中，您可以使用上面的代码，除非两行都没有 !important 部分。

如何使用 css 减少页面两侧的空间 os 并替换 styleos themedos note

Como reduzir espaços nas laterais da página usando css e substituir estilos temáticos de observação

html

css

asp.net-mvc

layout