- android - 多次调用 OnPrimaryClipChangedListener
- android - 无法更新 RecyclerView 中的 TextView 字段
- android.database.CursorIndexOutOfBoundsException : Index 0 requested, 光标大小为 0
- android - 使用 AppCompat 时,我们是否需要明确指定其 UI 组件(Spinner、EditText)颜色
我有一个主题,我已经与 yii2 集成,当使用 ListView 的分页器时,我在添加到 ListView 项的 div 旁边有分页器,我需要将分页器单独放在一个新行中。我使用了以下 View :
<style>
#items {
}
</style>
<?php
use yii\web\View;
use yii\widgets\LinkPager;
use yii\widgets\ListView;
//This is a php syntax to write register scripts
$this->registerJs("m_active='bio'", View::POS_END);
?>
<div class=" container">
<div class="app-alem-form">
</div>
</div>
<div id="bio" class="section bg1">
<div class="head color2">
<div class="title">سيرة العلماء</div> <i class="icon fa fa-graduation-cap"></i>
</div>
<div class="container flex1">
<!--<div class="container container-fluid row" id="items">-->
<!--<div class="row" id="items">-->
<?=
ListView::widget([
'dataProvider' => $listDataProvider,
'options' => [
'tag' => 'div',
'class' => 'list-wrapper',
'id' => 'list-wrapper',
],
'layout' => '{items}{pager}{summary}',
'layout' => "{summary}\n{items}\n{pager}",
'itemView' => function ($model, $key, $index, $widget) {
echo ("<div class='item-holder')>
<a href = '?r=alem%2Fget-olama&id=" . $model->attributes['id'] . "'>
<div class='item'>
<div class='default cover' style='background:url(img/olama/" . $model['c_image'] . "); background-size:contain;'></div>
<div class='title'>" . $model->attributes['c_name'] . "</div>
</div>
</a>
</div>");
},
'pager' => [
'firstPageLabel' => 'first',
'lastPageLabel' => 'last',
'nextPageLabel' => '>>',
'prevPageLabel' => '<<',
'maxButtonCount' => 3,
],
]);
?>
</div>
</div>
我的样式表中与此页面相关的部分如下:
#main .bio .container .item-holder {
padding:10px;
width:calc(100% / 4);
display:table;
/* display: inline;*/
}
#main .bio .container .item-holder .item {
background:#fff;
border:1px solid #aaa;
padding:10px;
}
#main .bio .container .item-holder .item .cover {
width:100%;
height:200px;
border:1px double #aaa;
}
#main .bio .container .item-holder .item .title {
text-align:center;
}
/*Site Main End*/
#bio .container {
flex-direction:row-reverse;
flex-wrap:wrap;
align-items:flex-start;
justify-content:flex-start;
}
#bio .container .item-holder {
padding:10px;
width:calc(100% / 4);
}
#bio .container .item-holder .item {
background:#fff;
padding:10px;
}
#bio .container .item-holder .item .cover {
width:100%;
height:200px;
border:1px double #aaa;
}
#bio .container .item-holder .item .title {
text-align:center;
}
@media (max-width: 900px) {
#bio .container .item-holder {
padding:10px;
width:calc(100% / 2);
}
}
@media (max-width: 600px) {
#bio .container .item-holder {
padding:10px;
width:calc(100% / 1);
}
}
完整的样式表如下:
@font-face {
font-family: tahoma;
src: url(../fonts/Tahoma.ttf);
}
@font-face {
font-family: droudKufi;
src: url(../fonts/DroidKufi-Regular.ttf);
}
/* Site Fonts End*/
body {
margin:0;
overflow:auto;
font-family:droudKufi, arial;
background:#eee;
}
form {
margin:0;
}
input, textarea, select {
outline:none;
font-family:inherit;
transition:ease 0.3s all;
width:100%;
padding:3px 7px;
border:1px solid #aaa;
direction:rtl;
border-radius:5px;
}
input:focus, textarea:focus, select:focus {
border-color:#32aae1 !important;
box-shadow: 0px 0px 7px rgba(81, 203, 238, 1);;
}
textarea {
resize:none;
}
button {
outline:none;
font-family:inherit;
cursor:pointer;
transition:ease 0.3s all;
border:1px solid #aaa;
padding: 5px 10px;
border-radius: 10px;
font-size: 16px;
}
div {
box-sizing:border-box;
}
a {
text-decoration:none;
}
a {
color:inherit;
}
.container { margin-right: auto; margin-left: auto; padding-left: 20px; padding-right: 20px; }
@media (min-width: 901px) {.container { width: 870px; }}
@media (min-width: 992px) { .container { width: 980px; }}
@media (min-width: 1200px) { .container { width: 1180px; }}
.color1 {
color:#296E9D;
}
.color2 {
color:#ED2024;
}
.default {
background-repeat:no-repeat !important;
background-position:center !important;
background-size:initial;
background:url(../img/logo.png) #fff;
}
.shadow-box {
position:fixed;
width:100vw;
height:100vh;
max-width:100%;
display:flex;
align-items:center;
justify-content:center;
z-index:99999;
top:0;
left:0;
display:none;
}
.shadow-box .container {
z-index:99999;
}
.shadow-box .overlay {
position:absolute;
background:rgba(0,0,0,0.8);
width:100%;
height:100%;
top:0;
left:0;
}
.section {
padding:40px 0;
text-align:center;
width:100%;
}
.section.bg1 {
background:#fff;
}
.section.bg2 {
background:#296E9D;
}
.section .container.flex1 {
display:flex;
align-items:center;
justify-content:center;
}
.section .container.flex2 {
display:flex;
align-items:center;
justify-content:center;
flex-direction:column
}
.section .btn1, .section .btn2:hover {
color:#296E9D;
background:#fff;
}
.section .btn1, .section .btn2 {
margin-top:20px;
}
.section .btn2, .section .btn1:hover {
color:#fff;
background:#296E9D;
}
.section .head {
margin-bottom:30px;
display:flex;
align-items:center;
justify-content:center;
}
.section .head.color1 {
color:#fff;
}
.section .head.color2 {
color:#296E9D;
}
.section .head .title {
font-size:38px;
}
.section .head .icon {
font-size:40px;
margin-left:20px;
}
.pagination-holder {
display:flex;
justify-content:center;
align-items:center;
margin-top:20px;
width:100%;
}
.pagination-holder .item {
height:40px !important;
width:40px;
display:flex;
justify-content:center;
align-items:center;
margin:0 5px;
border-radius:10px;
cursor:pointer;
color:#296E9D;
background:#fff;
transition:ease 0.3s all;
border:1px solid #aaa;
}
.pagination-holder .item.active {
color:#fff;
background:#296E9D;
text-shadow:0 0 10px #fff;
}
.pagination-holder .item:hover {
color:#fff;
background:#296E9D;
}
/*Site Header Start*/
#site-header {
width:100%;
padding:10px 0;
background:#fff;
z-index:9999999;
border-bottom:1px solid #ddd;
}
#site-header .menu-bar{
display:flex;
align-items:center;
justify-content:space-between;
}
#site-header .menu-bar .logo {
display:flex;
align-items:center;
}
#site-header .menu-bar .logo img{
height:40px;
margin-right:10px;
}
#site-header .menu-bar .logo .text {
font-size:22px;
font-weight:bold;
}
#site-header .menu-bar .logo .text span {
}
#site-header .menu-bar .menu {
display:flex;
align-items:center;
font-size:16px;
flex-direction:row-reverse;
}
#site-header .menu-bar .menu .item {
transition:ease 0.3s all;
border-radius:10px;
color:#296E9D;
position:relative;
}
#site-header .menu-bar .menu .item a {
padding:5px 10px;
display:flex;
align-items:center;
flex-direction:row-reverse;
}
#site-header .menu-bar .menu .item .icon {
font-size:10px;
margin-right:10px;
}
#site-header .menu-bar .menu .item:hover {
color:#ED2024;
}
#site-header .menu-bar .menu .item.active {
color:#fff;
background:#296E9D;
text-shadow: 0 0 20px #fff;
}
#site-header .menu-bar .menu .item:hover .sub-menu {
display:block;
}
#site-header .menu-bar .menu .item .sub-menu {
position:absolute;
top:100%;
right:0;
width:200px;
background:#fff;
text-align:right;
border:1px solid #ddd;
display:none;
transition:ease 0.3s all;
z-index: 9;
}
#site-header .menu-bar .menu .item .sub-menu .item {
border-radius:0;
border:0;
border-bottom:1px solid #ddd;
}
#site-header .menu-bar .mobile-menu {
display:none;
cursor:pointer;
position:relative;
text-align:right;
}
#site-header .menu-bar .mobile-nav {
display:none;
position:absolute;
top:63px;
height:calc(100vh - 62px);
width:300px;
background:#fff;
right:0;
overflow-y:auto;
border-left:1px solid #ddd;
}
#site-header .menu-bar .mobile-nav .sub-menu {
display:none;
background:#f1f1f1;
}
#site-header .menu-bar .mobile-menu:hover {
color:#296E9D;
}
#site-header .menu-bar .mobile-menu.active {
color:#ED2024;
}
#site-header .menu-bar .mobile-nav .item {
padding:10px;
transition:ease 0.3s all;
border-bottom:1px solid #ddd;
display:flex;
align-items:center;
justify-content:space-between;
flex-direction:row-reverse;
color:#296E9D;
cursor:pointer;
}
#site-header .menu-bar .mobile-nav .item:hover {
color:#ED2024;
}
#site-header .menu-bar .mobile-nav .item.active {
color:#fff;
background:#296E9D;
text-shadow: 0 0 20px #fff;
}
@media (max-width: 900px) {
#site-header .menu-bar .menu {
display:none;
}
#site-header .menu-bar .mobile-menu {
display:block;
}
#site-header {
position:fixed;
top:0;
left:0;
}
.header-space {
margin-top:62px;
}
}
/*Site Header End*/
/*Site Main Start*/
#main .top-carousel {
width:100%;
height:425px;
display:flex;
align-items:center;
justify-content:center;
flex-direction:column;
}
#main .top-carousel .slider1 {
padding:0 100px;
}
#main .top-carousel .slider1 .item img {
width:100%;
height:200px;
}
#main .top-carousel .slider1 .item .text {
text-align:center;
height:59px;
overflow:hidden;
font-size:14px;
background:#fff;
border:1px solid #ddd;
padding:0 5px;
}
#main .slider1 .owl-prev, .slider1 .owl-next {
top:50%;
transform:translateY(-64%);
position:absolute;
background:transparent !important;
transition:all ease 0.3s;
}
#main .slider1 .owl-prev {
left:0;
margin-left:10px;
}
#main .slider1 .owl-next {
right:0;
margin-right:10px;
}
#main .slider1 .owl-prev:after, .slider1 .owl-next:after {
font-family: "FontAwesome";
font-size: 148px;
color:#D3D3D3;
font-weight:bold;
cursor:pointer;
}
#main .slider1 .owl-prev:after {
content: '\f104';
}
#main .slider1 .owl-next:after {
content: '\f105';
}
#main .qanda .carousel {
max-width:100%;
}
@media (max-width: 900px) {
#main .top-carousel .slider1 {
padding:0 70px;
}
}
#main .qanda .slider2 .item {
text-align:center;
font-size:16px;
margin-bottom:10px;
direction:rtl;
}
#main .qanda .slider2 .item .title {
font-weight:bold;
color:#fff;
margin-bottom:20px;
}
#main .qanda .slider2 .item .desc {
color:#aaa;
}
#main .qanda button {
margin-top:40px !important;
}
#main .shadow-box .container .form-holder {
background:#fff;
border:2px solid #296E9D;
border-radius:8px;
padding:20px;
}
#main .shadow-box .form-holder .title {
text-align:right;
margin-bottom:10px;
direction:rtl;
}
#main .shadow-box .form-holder form input, .shadow-box .form-holder form textarea {
margin-bottom:5px;
}
#main .shadow-box .form-holder form textarea {
height:90px;
}
#main .shadow-box .form-holder form .btn {
color:#296E9D;
background:#fff;
}
#main .shadow-box .form-holder form .btn:hover {
background:#296E9D;
color:#fff;
}
#main .books .container {
flex-wrap:wrap;
}
#main .books .item-holder {
padding:10px;
width:calc(100% / 2);
}
#main .books .item {
height:233px;
display:flex;
flex-direction:row-reverse;
border:1px solid #aaa;
float:right;
}
#main .books .item .cover {
height:100%;
width:200px;
flex-shrink:0;
float:right;
}
#main .books .item .info {
padding:10px;
display:flex;
flex-align:center;
justify-content:center;
flex-direction:column;
text-align:center;
direction:rtl;
}
#main .books .item .info .title {
font-size:20px;
font-weight:bold;
}
@media (max-width: 900px) {
#main .books .item-holder {
width:calc(100% / 1);
}
}
#main .bio .container .item-holder {
padding:10px;
width:calc(100% / 4);
display:table;
/* display: inline;*/
}
#main .bio .container .item-holder .item {
background:#fff;
border:1px solid #aaa;
padding:10px;
}
#main .bio .container .item-holder .item .cover {
width:100%;
height:200px;
border:1px double #aaa;
}
#main .bio .container .item-holder .item .title {
text-align:center;
}
/*Site Main End*/
/*Site About Start*/
#about {
}
#about .container .img {
height:200px;
width:200px;
float:left;
margin-right:10px;
}
#about .container .text {
text-align:right;
color:#000;
direction:rtl;
}
/*Site About End*/
/*Site Mag Start*/
#mag .container {
flex-wrap:wrap;
}
#mag .item-holder {
padding:10px;
width:calc(100% / 2);
}
#mag .item {
height:233px;
display:flex;
flex-direction:row-reverse;
border:1px solid #aaa;
}
#mag .item .cover {
height:100%;
width:200px;
flex-shrink:0;
}
#mag .item .info {
padding:10px;
display:flex;
flex-align:center;
justify-content:center;
flex-direction:column;
text-align:center;
direction:rtl;
}
#mag .item .info .title {
font-size:20px;
font-weight:bold;
}
@media (max-width: 900px) {
#mag .item-holder {
width:calc(100% / 1);
}
}
/*Site Mag End*/
/*Site Library Start*/
#library .container {
flex-wrap:wrap;
}
#library .item-holder {
padding:10px;
width:calc(100% / 2);
}
#library .item {
height:233px;
display:flex;
flex-direction:row-reverse;
border:1px solid #aaa;
}
#library .item .cover {
height:100%;
width:200px;
flex-shrink:0;
}
#library .item .info {
padding:10px;
display:flex;
flex-align:center;
justify-content:center;
flex-direction:column;
text-align:center;
direction:rtl;
}
#library .item .info .title {
font-size:20px;
font-weight:bold;
}
@media (max-width: 900px) {
#library .item-holder {
width:calc(100% / 1);
}
}
/*Site Library End*/
/*Site Bio Start*/
#bio .container {
flex-direction:row-reverse;
flex-wrap:wrap;
align-items:flex-start;
justify-content:flex-start;
}
#bio .container .item-holder {
padding:10px;
width:calc(100% / 4);
}
#bio .container .item-holder .item {
background:#fff;
padding:10px;
}
#bio .container .item-holder .item .cover {
width:100%;
height:200px;
border:1px double #aaa;
}
#bio .container .item-holder .item .title {
text-align:center;
}
@media (max-width: 900px) {
#bio .container .item-holder {
padding:10px;
width:calc(100% / 2);
}
}
@media (max-width: 600px) {
#bio .container .item-holder {
padding:10px;
width:calc(100% / 1);
}
}
/*Site Bio End*/
/*Site Activities Start*/
#activities .container {
flex-direction:row-reverse;
align-items:flex-start;
justify-content:flex-start;
flex-wrap:wrap;
}
#activities .container .item-holder {
width:calc(100% / 2);
font-size:18px;
padding:10px;
}
#activities .container .item-holder .item {
text-align:right;
padding:10px;
}
#activities .container .item-holder .item .title {
font-weight:bold;
max-height:68px;
overflow:hidden;
margin-bottom:5px;
}
#activities .container .item-holder .item .desc {
max-height:100px;
overflow:hidden;
}
#activities .container .item .img {
width:100%;
height:250px;
}
@media (max-width: 900px) {
#activities .container .item-holder {
width:calc(100% / 1);
}
}
/*Site Activities End*/
/*Site Question Start*/
#question .container .text {
text-align:right;
margin-bottom:10px;
direction:rtl;
}
#question .form-holder {
text-align:left;
}
#question .form-holder .row {
display:flex;
flex-direction:row-reverse;
}
#question .form-holder .row .item {
width:calc(100% / 2);
margin-bottom:10px;
}
#question .form-holder .row .item:nth-of-type(1) {
padding-left:5px;
}
#question .form-holder .row .item:nth-of-type(2) {
padding-right:5px;
}
#question .form-holder textarea {
width:100%;
height:150px;
margin-bottom:10px;
}
#question .form-holder .btn {
color:#296E9D;
background:#fff;
}
#question .form-holder .btn:hover {
color:#fff;
background:#296E9D;
}
/*Site Question End*/
/*Site Rulings Start*/
#rulings .container .item-holder {
width:100%;
margin-bottom:10px;
}
#rulings .container .item-holder .item {
border:1px solid #aaa;
text-align:right;
padding:10px;
direction:rtl;
}
#rulings .container .item-holder .item .title {
font-weight:bold;
margin-bottom:5px;
}
/*Site Rulings End*/
/*Site Footer Start*/
#site-footer {
padding:10px 0;
background:#fff;
border-top:1px solid #ddd;
}
#site-footer .container {
display:flex;
align-items:center;
}
#site-footer .container > div {
width:calc(100% / 2);
}
#site-footer .text {
color:#296E9D;
font-size:14px;
text-align:left;
}
#site-footer .social {
display:flex;
align-items:center;
justify-content:flex-end;
}
#site-footer .social .icon {
color:#296E9D;
display:flex;
align-items:center;
justify-content:center;
font-size:20px;
cursor:pointer;
margin-left:20px;
transition:ease 0.3s all;
}
#site-footer .social .icon:hover {
color:#ED2024;
}
/*Site Footer End*/
最佳答案
您在 ListView 的配置中两次提到布局。使用 'layout' => '{items}<div>{pager}</div>{summary}'
默认情况下,div 具有 display: block;
.此外,如果它仍然不起作用,你可以给它类 row。
关于css - 如何在 Yii2 的新行中放置一个 ListView 的分页器,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42722542/
语句 1: [2,4,6,7,8].each do |i| (i % 2 == 0) || (puts "Not even" && break) puts i end 声明 2: [2
我有一张正在显示的卡片,上面有一些信息。我想将其包装在SingleChildScrollView中,因为我还有更多项目要添加到卡中,但是当我这样做时,屏幕只是空白吗?我曾尝试将其作为根(脚手架主体)放
我有一个带有窗体的 View ,该窗体显示ViewModel中ObservableCollection中对象的数据。 ObservableCollection使我可以浏览数据。 ObservableC
如何将时间戳附加文件名放在HDFS中? hadoop fs -put topic_2018-12-15%2016:31:15.csv /user/file_structure/ 最佳答案 您只是在运行
我正在寻求一些帮助,以找出为什么以下叠加函数的运行时间会随着每次连续运行而增加。 据我所知,如果缓冲区中的文本保持不变,则运行时间应该是相同的——即,仅向左/向右移动光标应该不会增加运行时间(但它确实
我有一个事件指示器,它显示在中间。如何将其放置在 View 的左上角? var activityIndicator = UIActivityIndicatorView() func show() {
首先,我想提前感谢所有回答这个问题的人。非常感谢您的帮助。这是我第一次在这里发帖,所以如果我发帖不礼貌,请原谅我。 我的问题是关于方法原型(prototype)的: void copySubtree(
我正在开发一个应该是通用的应用程序,一个适用于 iPad 和 iPhone 的应用程序。我想让他们的界面尽可能相似。在 iPhone 应用程序中,我使用的是选项卡栏 Controller ,其中一个选
我目前正在使用 JS 开发 REST API,但遇到以下问题:该代码有效,但如果我尝试删除、放置或修补不存在的条目,它不会返回错误,但会打印成功消息。这是为什么?获取路由完美运行。 app.route
.a{ width:500px; height:500px; background:yellow; border: 3px dashed black; }
首先,请引用下图: 这基本上是我对布局的想法。 我想要的是: 内容 div 成为“主要焦点”,例如当浏览器 调整大小,它应该留在中间; 当浏览器被调整大小时,我希望这两个图像基本上 位于内容 div
我的应用程序需要使用内存映射并发访问数据文件。我的目标是使其在共享内存系统中可扩展。研究了内存映射文件库实现的源码,想不通: 在多个线程中从 MappedByteBuffer 中读取是否合法? get
我有一个 JDesktopPane 并希望以网格样式显示 JInternalFrames 而无需覆盖框架。框架的尺寸会有所不同,因此应动态分配它们的位置。我可以存储最后放置的框架的坐标,但可以移动、最
根据https://isocpp.org/wiki/faq/dtors#placement-new传递给placement-new的地址必须正确对齐。但它给出的例子似乎与此相矛盾。 char memo
我最近一直在查看 Illumos 源代码,发现了一些奇怪的东西。 在他们的源代码中,函数类型是这样写的: static int outdec64(unsigned char *out, unsigne
您好,我目前正在尝试在我的一张图片旁边放置一个图例,但我在放置时遇到了问题。 我想将图例放在图像的左侧或右侧。这是我当前的代码: .my-legend .legend-title { text-a
根据文档, print 之间的唯一区别和 say 似乎是后者添加了 "\n"(并使用 .gist 进行字符串化)。然而, perl6 -e 'print "del\b\b"' 打印“d”,有效地应用转
所以我试图将我的图像标志放在背景上,但我的背景突然被裁剪,出现了一半的黑屏。如图: 我的 main.dart 代码: import 'package:flutter/material.dart'; i
我正在使用 Azure DevOps 构建 python 轮。我想让它尽可能通用,以便团队中的每个人都可以使用相同的管道来构建自己的 python 轮并将它们部署在一些 databricks 工作区中
在构建标准(非 WordPress)网页时,我通常会在正文末尾之前加载所有 javascript 文件,然后包含页面特定 js 代码的部分。 WorPress 建议使用 wp_enqueue_scri
我是一名优秀的程序员,十分优秀!