标签: fluid

我一直在打磨我过去一两天建立的一个页面,在使用了box-shadow之后遇到了一个问题 - 我希望有人可以通过简单的方法来解决这个问题.

设置: 我有一个div有一些属性,包括宽度,最大宽度和框阴影.

#mydiv {  
       width:100%;
       max-width:1200px;
       -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 1);
       -moz-box-shadow: 0px 0px 20px rgba(0, 0, 0, 1);
       box-shadow: 0px 0px 20px rgba(0, 0, 0, 1);
}

问题: "box-shadow"属性将div元素的宽度增加40px - 每侧20px.当屏幕足够小以至于内容应该达到100%宽度属性时,我们会看到一个水平滚动条.在通过CSS挖掘之后,我发现这是因为div在技术上更像宽度:100%+ 40px;

我试过的: 我考虑过设置溢出:隐藏在父div上,但我确实有一个最小宽度设置,然后使内容无法访问.我也尝试在box-shadow CSS中使用百分比作为大小参数 - 例如1% - 然后将div的宽度设置为98% - 但是box-shadow CSS似乎不接受其百分比尺寸.我也考虑使用javascript来测试浏览器宽度,然后相应地显示或隐藏box-shadow元素,但它似乎不是最佳解决方案.

必须有一种更简单的方法来处理这个问题.思考？

什么技术用于实时模拟水等流体,例如在电子游戏中？

特别是,我正在为Uni的(不幸的是相当简短的)物理项目寻找项目构思,所以越简单越好(如果在流体模拟中有任何"简单"这样的东西......)

我有一个容器(图片库),最大宽度:80%.在里面,图像向左浮动形成列和行.当您缩小/展开浏览器窗口时,每行中会有更多或更少的图像,并且当没有足够空间容纳另一个完整图像时,每行末尾通常会有一个"余数":

http://jsfiddle.net/vladmalik/DRLXE/1/

我希望容器能够扩展或收缩以完全拥抱,但是许多浮子适合放入一个柱子(因此右边没有黄色的剩余部分).这可以用CSS完成吗？

HTML:

<section>  
   <div></div>  
   <div></div>  
   <div></div>  
   <div></div>  
   <div></div>  
</section>  

CSS:

div {  
   width: 100px;  
   height: 100px;  
   float:left;  
   background: red;  
}  

section {  
   margin: 0 auto;  
   max-width: 80%;  
   background:yellow;  
   overflow: hidden;  
}  

一直在使用新版本的Masonry,它似乎工作得更顺畅,特别是对于我正在做的流畅/响应式构建.

然而,我遇到的一个问题是 - 我不知道如何移除.masonry容器最右侧的装订线,以便物品与边缘齐平.

这是codepen示例:http://codepen.io/iamkeir/pen/xlcBj

我可能会设置一个宽度并overflow:hidden裁掉最后一个差距,但并不理想.

同样,我尝试添加一个,padding-left: 1%但这会改变容器的宽度,因此百分比不再准确.

任何想法/提示将不胜感激!

我有一个扩展名(extbase/fluid),主要对象是"Etikett",与子对象"Land"有关系.我想订购我的输出,所以我在我的Etikett控制器中使用setDefaultOrderings方法,但我没有结果,为什么？

$this->etikettRepository->setDefaultOrderings(array('land.laendername' => \TYPO3\CMS\Extbase\Persistence\QueryInterface::ORDER_ASCENDING));
$etiketts = $this->etikettRepository->findAll();

如果我想在 Fluid 模板中使用 TypoScript 之类的菜单生成，我有两种可能的方法：

• 使用 TypoScript 填充模板的变量。这样做：

  page.10 = FLUIDTEMPLATE
  page.10 {
      templateName = index.html
      // ... define pathes ...
      variables {
          contentMain < styles.content.get
          mainMenu < temp.mainMenu
          :
      }
  }
  

  Run Code Online (Sandbox Code Playgroud)

  在模板中只使用变量：

  <div class="header">
      <div class="logo">{logo->f:format.raw()}</div>
      <div class="main-menu">{mainMenu->f:format.raw()}</div>
  </div> 
  

  Run Code Online (Sandbox Code Playgroud)

• 另一种方式是使用 f:cObject ViewHelper 来调用 TypoScript 的一部分。
  打字稿：

  page.10 = FLUIDTEMPLATE
  page.10 {
      templateName = index.html
      // ... define pathes ...
      variables {
          contentMain < styles.content.get
          :
      }
  }
  lib.mainMenu < temp.mainMenu
  

  Run Code Online (Sandbox Code Playgroud)

  而 Fluid 模板如下所示：

  <div class="header">
      <div class="logo">{logo->f:format.raw()}</div>
      <div class="main-menu"> …

  Run Code Online (Sandbox Code Playgroud)

在我正在研究的插件的Fluid模板中,有些东西是硬编码的.例如:

<f:else>
                <li>
                    <v:page.link pageUid="114" />
                </li>
            </f:else>

由于pageUid值在测试和生产服务器上不相同,我想让它更具动态性.

我想以某种方式将其存储在变量中,然后在流体模板中使用该变量.

我只是不知道热卖这个和TYPO3的地方.

提前致谢!

我正在尝试使用 TYPO3 后端模块，当我在后端的左侧菜单中单击我的模块时，我试图获得一个视图。但是，当我单击它时，我收到以下消息：

抱歉，未找到请求的视图。技术原因是：没有找到模板。无法解析类“MyVendor\MyModule\Controller\ConnectionController”中的操作“list”的视图。

我在文件夹 Resources/Private/Backend/Templates/Connection 中有列表操作的视图，该文件名为 List.html（大写字母）

我使用的是 TYPO3 版本 7.6.15，我用扩展构建器制作了这个模块。

任何帮助，将不胜感激。

我正在构建带有后端模块的扩展。当我调用findAll () 方法时，它返回一个“QueryResult”对象。

我尝试使用findByUid () 检索对象，它确实有效。

我在打字稿中设置了存储pid：

plugin.tx_hwforms.persistence.storagePid = 112

我还可以在打字稿对象浏览器中看到它。

我还将其添加到我的存储库类中：

public function initializeObject()
    {
        $defaultQuerySettings = $this->objectManager->get(\TYPO3\CMS\Extbase\Persistence\Generic\Typo3QuerySettings::class);
        $defaultQuerySettings->setRespectStoragePage(false);
        $this->setDefaultQuerySettings($defaultQuerySettings);
    }

这样存储 pid 就被忽略了...它仍然不起作用，findAll 没有返回应有的实体数组

我遇到了一个问题，找不到任何文档或解决方案。

我创建了一个带有列表和详细视图的 TYPO3 扩展，一切正常。现在我想在列表视图上方添加一些输入字段，以让站点访问者过滤列表视图。

这是怎么做到的？我确定我必须在列表视图上方添加一个流体表单并在控制器中处理这个问题？

目前我的控制器和存储库如下所示：

控制器：

/**
 * EventController
 */
class EventController extends \TYPO3\CMS\Extbase\Mvc\Controller\ActionController
{

    /**
     * eventRepository
     * 
     * @var \Alroma\DsEventcalendar\Domain\Repository\EventRepository
     * @inject
     */
    protected $eventRepository = null;

    /**
     * action list
     * 
     * @return void
     */
    public function listAction()
    {   
        $events = $this->eventRepository->findAll();
        $this->view->assign('events', $events);
    }

    /**
     * action show
     * 
     * @param \Alroma\DsEventcalendar\Domain\Model\Event $event
     * @return void
     */
    public function showAction(\Alroma\DsEventcalendar\Domain\Model\Event $event)
    {
        $this->view->assign('event', $event);
    }

    /**
     * action frontpage
     * 
     * @return void
     */
    public …