小编tsc*_*fen的帖子

不要在具有复杂布局的CSS Flex框中拉伸一个项目

我正在尝试创建一个嵌套的弹性框布局,可以正确地(垂直地)拉伸所有列.它似乎工作得很好,除了在嵌套布局中拉伸一个项目.

|---------------------------------------------|
|Header                                       |
|---------------------------------------------|
||--------------------------------|----------||
||TITLE IS THE ISSUE!             |Right     ||
||--------------------------------|Aside     ||
||Left    |Content                |          ||
||Aside   |                       |          ||
||        |                       |          ||
||        |                       |          ||
||        |                       |          ||
||--------|-----------------------|----------||
|---------------------------------------------|
|Footer                                       |
|---------------------------------------------|
Run Code Online (Sandbox Code Playgroud)

我遇到的问题是,如果Right Aside比其他内容更长,则Header会垂直延伸.如果我试图覆盖Title align-self属性来阻止它拉伸没有任何反应.

一个清楚地显示问题的plunker.看看灰色区域(标题 - 不得长大):http://plnkr.co/edit/9VBSOKi0ipAy1QDpNAKb?p=preview

谢谢...

css stylesheet css3 flexbox

3
推荐指数
1
解决办法
5322
查看次数

编译通过Angularjs 1.2从数据库加载的HTML

我正在将数据库中的内容直接加载到视图中,我想编译它,以便执行角度代码,就好像它是通过标准模板加载一样.

我不太明白的是我如何编译我从数据库加载的HTML.当我尝试使用$ compile时,它始终会出现indexOf问题.

Error: [$parse:lexerr] Lexer Error: Unexpected next character  at columns 1415-1415 [#] 
in expression [<p>Introducing XXX featuring Something great. Along with the already famous World <strong>Approach</strong>….
Run Code Online (Sandbox Code Playgroud)

从我从其他注释中可以看到,似乎$ compile只适用于现有的DOM元素,但在我的情况下,新的SCE内容让我更加难以将html放入视图而不会删除角度代码.我能想到的唯一一件事就是每次内容发生变化时都可能以某种方式使用手表进行编译?这可以通过指令来完成吗?

这个plunker显示了SCE以及如何在不剥离角度代码的情况下将HTML放入视图中(例如ng-click).http://plnkr.co/edit/C0ij2j2NxGZl6NaOdW8c?p=preview.看看使用的第二个例子sce.trustAsHtml().我怎样才能扩展它然后编译代码以便ng-click工作?

提前致谢.

angularjs

2
推荐指数
1
解决办法
2201
查看次数

标签 统计

angularjs ×1

css ×1

css3 ×1

flexbox ×1

stylesheet ×1