难以在页脚中居中元素

时间:2016-04-21 13:41:36

标签: html css alignment footer

我有一个有3列的脚。我想要做的是将内容集中在网站的主体内。现在,所有内容都在相应的div中左对齐。我无法集中内容而无法使文本居中。

Current Footer



HashMap<String, String> complexHashMapObject = new HashMap<>();
Gson gsone = new Gson();
JsonObject res = gsone.toJsonTree(complexHashMapObject).getAsJsonObject();
&#13;
footer#footer .dt-social {
       text-align: left;
     }
     footer#footer a {
       color: #fff;
     }
     footer#footer a:hover {
       text-decoration: none;
       border-bottom-width: 1px;
       border-bottom-style: dotted;
       border-bottom-color: rgba(255, 255, 255, 0.5);
     }
     footer#footer .widget_recent_entries ul li {
       padding-left: 0;
     }
     footer#footer .widget_recent_entries ul li .icon {
       display: none;
     }
     footer#footer #footer-left a {
       border: 0;
     }
     footer#footer .widget_text ul {
       padding-left: 0px;
     }
     footer#footer .widget_text ul .icon:before {
       font-family: "fontello";
       font-style: normal;
       content: '\ea43';
       margin-left: -20px;
       width: 0;
     }
     footer#footer .widget_text ul li {
       list-style: none;
       /*border-bottom: 1px solid rgba(0, 0, 0, 0.3);*/
       padding: 5px 0 5px 0px;
     }
     footer#footer .widget_text ul li:last-child {
       border: none;
     }
     footer#footer .widget_text ul li i {
       font-size: 17px;
     }
     footer#footer .widget_text ul .children {
       margin-top: 5px;
       margin-bottom: -5px;
       padding: 0px;
     }
     footer#footer .widget_text ul .children li {
       padding: 5px 0 5px 20px;
       border: none;
     }
     footer#footer .widget_text ul.list-inline-icon li {
       border: none;
       padding: 0;
       width: 30px;
       height: 30px;
       border: 1px solid rgba(255, 255, 255, 0.2);
       -webkit-border-radius: 50%;
       border-radius: 50%;
       background-clip: padding-box;
       background: none;
       margin-right: .5em;
     }
     footer#footer .widget_text ul.list-inline-icon li a {
       font-size: 30px;
       color: #ffffff;
       line-height: 0;
     }
     footer#footer .widget_text ul.list-inline-icon li a i {
       line-height: 1.4em;
       margin: 0;
     }
     footer#footer .widget_text ul.list-inline-icon li a:hover {
       color: #ffffff;
     }
     footer#footer .widget_text ul.list-inline-icon li:hover {
       color: #ffffff;
       border: 1px solid #f16338;
       background: #f16338;
     }
     footer#footer .sequence-twitter {
       min-height: 180px;
     }
     footer#footer .owl-theme .owl-controls {
       text-align: left;
     }
     footer#footer .owl-theme .owl-controls .owl-page span {
       background-color: #f16338;
       opacity: 1;
     }
     footer#footer .owl-theme .owl-controls .owl-page.active span {
       background: none;
       border: 2px solid #f16338;
     }
     footer#footer .widget_calendar a {
       color: #f16338;
     }
     footer#footer .widget_calendar a:hover {
       color: #b6340d;
     }
     footer#footer .widget_calendar #calendar_wrap {
       border: 0px solid #bdc3c7;
       padding: 20px;
     }
     footer#footer .widget_calendar #today {
       background-color: #f16338;
     }
     footer#footer .widget_calendar .pad {
       color: #515151;
     }
     footer#footer .widget_calendar th {
       text-align: center;
       line-height: 2;
     }
     footer#footer .widget_calendar td {
       text-align: center;
       line-height: 2;
     }
     footer#footer .widget_calendar thead th {
       color: #f16338;
     }
     footer#footer .widget_search {
       color: #ffffff;
     }
     footer#footer .widget_search .screen-reader-text {
       display: none;
     }
     footer#footer .widget_search #searchsubmit {
       display: none;
     }
     footer#footer .widget_search #s {
       border-width: 1px;
       border-style: solid;
       padding: 5px 5px 5px 30px;
       width: 100%;
       background: none;
       font-size: 0.8em;
       color: #fff;
     }
     footer#footer .widget_search i {
       padding: 5px 5px;
       position: absolute;
     }
     footer#footer .dt_widget_portfolio_posts .post-item {
       padding: 0px;
     }
     footer#footer .dt_widget_portfolio_posts .post-item figure {
       -webkit-transform-style: preserve-3d;
       -moz-transform-style: preserve-3d;
       -ms-transform-style: preserve-3d;
       -o-transform-style: preserve-3d;
       transform-style: preserve-3d;
       height: 85px;
       width: 85px;
       overflow: hidden;
     }
     footer#footer .dt_widget_portfolio_posts .post-item figure > div {
       overflow: hidden;
     }
     footer#footer .dt_widget_portfolio_posts .post-item figure figcaption {
       -webkit-transition: -webkit-transform 0.3s;
       -moz-transition: transform 0.3s;
       -o-transition: transform 0.3s;
       -ms-transition: transform 0.3s;
       background: rgba(39, 11, 3, 0.6);
       opacity: 1;
       background-clip: padding-box;
       text-align: center;
       height: 85px;
     }
     footer#footer .dt_widget_portfolio_posts .post-item figure figcaption a {
       display: table;
       display: block;
       width: 100%;
       height: 100%;
     }
     footer#footer .dt_widget_portfolio_posts .post-item figure:hover figcaption,
     footer#footer .dt_widget_portfolio_posts .post-item figure.cs-hover figcaption {
       -webkit-transform: translate(0, -100%);
       -moz-transform: translate(0, -100%);
       -ms-transform: translate(0, -100%);
       -o-transform: translate(0, -100%);
       transform: translate(0, -100%);
     }
     footer#footer .dt_widget_portfolio_posts .post-item figure .zoom-plus {
       width: 100%;
       height: 50px;
       position: relative;
       left: 0%;
       display: table-cell;
       text-align: center;
       vertical-align: middle;
       display: block;
     }
     footer#footer .dt_widget_portfolio_posts .post-item figure .zoom-plus::before,
     footer#footer .dt_widget_portfolio_posts .post-item figure .zoom-plus::after {
       top: 50%;
       left: 50%;
     }
     footer#footer .dt_widget_portfolio_posts .post-item figure .zoom-plus::before {
       content: '';
       width: 20px;
       height: 20px;
       position: absolute;
       display: block;
       border-bottom: #fff solid 1px;
       -webkit-transition: transform 0s;
       -moz-transition: transform 0s;
       -o-transition: transform 0s;
       -ms-transition: transform 0s;
       transition: transform 0s;
       -webkit-transform: translate(-50%, 0);
       -moz-transform: translate(-50%, 0);
       -ms-transform: translate(-50%, 0);
       -o-transform: translate(-50%, 0);
       transform: translate(-50%, 0);
     }
     footer#footer .dt_widget_portfolio_posts .post-item figure .zoom-plus::after {
       content: '';
       width: 20px;
       height: 20px;
       position: absolute;
       display: block;
       border-left: #fff solid 1px;
       -webkit-transition: transform 0s;
       -moz-transition: transform 0s;
       -o-transition: transform 0s;
       -ms-transition: transform 0s;
       transition: transform 0s;
       -webkit-transform: translate(0, 50%);
       -moz-transform: translate(0, 50%);
       -ms-transform: translate(0, 50%);
       -o-transform: translate(0, 50%);
       transform: translate(0, 50%);
     }
     footer#footer .widget_tag_cloud .tagcloud .tag {
       display: inline-table;
       font-size: 12px;
       background: none;
       border-width: 1px;
       border-style: solid;
       padding: 8px 10px;
       margin: 0 5px 5px 0;
     }
     footer#footer .widget_tag_cloud .tagcloud .tag a:hover {
       color: #ffffff;
     }
     footer#footer .widget_tag_cloud .tagcloud .tag:hover {
       background-color: #f16338;
     }
     footer#footer .widget_tag_cloud .tagcloud .tag:hover a {
       color: #ffffff;
     }
     footer#footer .woocommerce.widget_product_tag_cloud .tagcloud .tag {
       display: inline-table;
       font-size: 12px;
       background: none;
       border-width: 1px;
       border-style: solid;
       padding: 8px 10px;
       margin: 0 5px 5px 0;
     }
     footer#footer .woocommerce.widget_product_tag_cloud .tagcloud .tag a:hover {
       color: #ffffff;
     }
     footer#footer .woocommerce.widget_product_tag_cloud .tagcloud .tag:hover {
       background-color: #f16338;
     }
     footer#footer .woocommerce.widget_product_tag_cloud .tagcloud .tag:hover a {
       color: #ffffff;
     }
     footer#footer .widget_categories {
       font-size: 14px;
     }
     footer#footer .widget_categories select {
       width: 95%;
       border: 1px solid #bdc3c7;
       padding: 5px;
       color: #515151;
     }
     footer#footer .widget_categories a.select-target {
       background: none;
     }
     footer#footer .widget_archive {
       font-family: 'Dosis';
     }
     footer#footer .widget_archive li {
       border-bottom: 1px solid #bdc3c7;
     }
     footer#footer .widget_archive select {
       width: 95%;
       border: 1px solid #bdc3c7;
       padding: 5px;
       color: #515151;
     }
     footer#footer .widget_archive a.select-target {
       background: none;
     }
     footer#footer .widget_recent_comments a {
       font-style: italic;
       color: rgba(255, 255, 255, 0.4);
     }
     footer#footer .widget_recent_comments a:hover {
       color: #f16338;
     }
     footer#footer .widget_recent_comments .comment-author {
       /*color: @white;*/
     }
     footer#footer .widget_recent_comments li.recentcomments {
       /*border-color: @footer-border-color;*/
     }
     footer#footer .dt_widget_tabs .nav-tabs li a {
       background: none;
       border-width: 1px;
       border-style: solid;
     }
     footer#footer .dt_widget_tabs .nav-tabs li a:hover {
       color: #ffffff;
       background-color: #f16338;
     }
     footer#footer .dt_widget_tabs .nav-tabs li:hover {
       background-color: #f16338;
     }
     footer#footer .dt_widget_tabs .nav-tabs li.active a {
       background-color: #f16338;
       border: 1px solid #f16338;
       color: #ffffff;
     }
     footer#footer .dt_widget_tabs .nav-tabs li.active a:hover,
     footer#footer .dt_widget_tabs .nav-tabs li.active a:focus {
       color: #ffffff;
       background-color: #f16338;
       border: 1px solid #f16338;
       border-top: 3px solid #f16338;
     }
     footer#footer .dt_widget_tabs .tab-pane {
       overflow: hidden;
     }
     footer#footer .dt_widget_tabs .tab-pane .rowlist {
       float: left;
       width: 100%;
       padding: 15px 0;
     }
     @media (max-width: 1200px) {
       footer#footer .dt_widget_tabs .nav-tabs li {
         display: block;
         width: 100%;
       }
     }
     footer#footer .dt_widget_accordion .btn-accordion {
       position: absolute;
       right: 30px;
       margin-top: -25px;
       color: #ffffff;
       background-color: #f16338;
     }
     footer#footer .dt_widget_accordion .opened {
       color: #f16338;
       background-color: #ffffff;
     }
     footer#footer .dt_widget_accordion .panel {
       margin-top: 10px !important;
       border: none;
       background: none;
     }
     footer#footer .dt_widget_accordion .panel:first-child {
       margin-top: 0px !important;
     }
     footer#footer .dt_widget_accordion .panel-heading {
       background: none;
       color: #ffffff;
       border-width: 1px;
       border-style: solid;
       -webkit-transition: background-color 0.8s;
       -moz-transition: background-color 0.8s;
       -o-transition: background-color 0.8s;
       -ms-transition: background-color 0.8s;
       transition: background-color 0.8s;
     }
     footer#footer .dt_widget_accordion .openedup {
       color: #ffffff !important;
       background-color: #f16338;
       -webkit-transition: background-color 0.8s;
       -moz-transition: background-color 0.8s;
       -o-transition: background-color 0.8s;
       -ms-transition: background-color 0.8s;
       transition: background-color 0.8s;
     }
     footer#footer .dt_widget_accordion .panel-body {
       margin-top: 10px;
       border-width: 1px;
       border-style: solid;
       background: none;
     }
     footer#footer .woocommerce.widget_product_search #s {
       border: 1px solid rgba(255, 255, 255, 0.4);
     }
&#13;
&#13;
&#13;

1 个答案:

答案 0 :(得分:0)

你可以在那里使用很多代码。你能否提供一下你想要达到的目标?

但你错过了那里的第一排,这是肯定的。

&#13;
&#13;
<section class="container">
  <div class="row">
    <div class="col-md-12"></div>
  </div>
</section>
&#13;
&#13;
&#13;

这将默认为中心。