小编sup*_*ize的帖子
如何将剩余宽度应用于具有特定宽度的div旁边侧边栏
我打算做的是跟随.我div#sidebar右边有一个特定的宽度.这个侧边栏div位于右侧.我现在想要做的是将剩余宽度应用到div#left侧边栏左侧的另一个宽度.
但它不能正常工作,因为div 侧边栏下方div.我想要div到100% width侧边栏的边缘.不是整个方面.我制作了一张图片来更好地解释它:
以下是我目前的css:
#sidebar {
height: 100%;
width: 342px;
float:right;
}
#left {
float: left;
width: 100%;
height: 100%;
}
希望你明白我的观点.谢谢
推荐指数
解决办法
查看次数
非直接子元素的选择器
谁能告诉我在父级而不是直系子级中查找元素的选择器是什么。例：
<body class="main">
<p class="text">Hello</p> <!-- don't select this one -->
<elem class="something">
<elem id="link">
<elem class="otherclass">
<p class="text">Hello</p> <!-- but this one -->
</elem>
</elem>
</elem>
</body>
所以我想在不知道之间以及使用纯CSS的元素数量的情况下查找.textvia .main。
谢谢
推荐指数
解决办法
查看次数
通过媒体查询将表格列拆分为新行
我想知道如果特定媒体查询处于活动状态,是否可以将表列拆分为新行.
<table class="table">
<tr>
<th class="column1"></th>
<th class="column2"></th>
</tr>
</table>
默认情况th下,它们彼此相邻.但是.column2如果触发媒体查询,我想打破一个新行.
有什么建议？
推荐指数
解决办法
查看次数
将变量从自定义服务器传递到 NextJS 中的组件
如图所示我已经建立了一个自定义的服务器NextJS这里定制路由。
服务器.js：
app.prepare()
.then(() => {
createServer((req, res) => {
const parsedUrl = parse(req.url, true)
const { pathname, query } = parsedUrl
if (foreignLang(pathname, lang)) {
app.render(req, res, checkLangAndConvert(links, pageVal, pathname, lang), query)
} else {
handle(req, res, parsedUrl)
}
})
.listen(port, (err) => {
if (err) throw err
console.log(`> Ready on http://localhost:${port}`)
})
})
它基本上映射/en/url到/another_urli18n。
我知道我可以query在此处使用参数并在组件中读取它，但我想将选项传递给App而不重新检查 URL。是否可以在不读取 URL 的情况下将选项从服务器级别传递到应用程序级别？
编辑：在对标记的答案进行了一些调查后，解释说query实际上并不意味着 URL 中的查询参数，而不是将值从服务器传递到客户端。误导性词，因为它仅表示客户端操作。这正是我所需要的。
推荐指数
解决办法
查看次数
在 React / Nextjs 中导入文件夹中的多个文件
我正在尝试在文件夹中导入具有特定扩展名的多个文件：
const allEntries = require.context('../static/blog', true, '/\.md/')
但我得到：
Unhandled Rejection (TypeError): __webpack_require__(...).context is not a function
我正在使用Nextjs并需要其中一个页面中的文件。这里好像有什么不对劲的地方？
编辑：我不一定需要这样做，require我只是希望能够一次导入/需要多个文件，而不知道文件名或文件夹中有多少个文件。
推荐指数
解决办法
查看次数
在jQuery中从下到上动画div而不是从上到下
触发点击功能时,我有一个div动画height:
$('#menu').click(function() {
$('#test').animate({
height: 'toggle'
}, 290, function() {
});
});
到目前为止效果很好.但我想div从下到上制作动画,不像在这个小提琴中看到的那样.
有解决方案吗
推荐指数
解决办法
查看次数
如果元素以不同的高度和宽度平铺,如何使用Bootstrap 3网格
我最近使用Bootstrap 3进行了几个项目,并喜欢它的工作方式.不过我现在有一些问题,我真的不知道如何使用它.如果我有一些平铺的div,我想知道如何更改顺序或在不同断点的网格内的位置是最好的方法.我做了一个简单的可视化来解释我的问题:
在左侧,您可以在大型桌面上看到状态,在右侧看到下一个较小断点上的状态.我目前遇到的问题是:我如何处理bluediv .row1,在新行的右侧将reddiv放在.row2旁边.在断点处,红色div可以移动到另一排吗？
我正在寻找一种Bootstrap/CSS唯一的方式,但如果没有JS/jQuery它肯定无法工作,我也会很感激这些建议.
希望你明白我的观点.谢谢!
编辑:在@Danko的回答中我的另一个问题的相关图像,这是如何在不同断点上切换切片.
推荐指数
解决办法
查看次数
如何删除 Bootstrap 下拉菜单的 preventDefault 行为
我在我的标记中使用Bootstrap 3下拉菜单。但除了默认行为之外，如果我悬停在元素上，它应该会弹出。所以我创建了一个小脚本：
jQ('.dropdown').hover(function() {
jQ(this).find('.dropdown-menu').stop(true, true).delay(50).fadeIn();
}, function() {
jQ(this).find('.dropdown-menu').stop(true, true).delay(50).fadeOut();
});
这是工作正常。但是由于某种原因，当我想将第一个项目（触发悬停）作为链接时，Bootstrap 下拉菜单会阻止重定向到另一个页面。我点击了链接，什么也没发生，它只附加了一个 class .open。如果我右键单击并选择 ，我只能打开链接open destination in new tab。我怎样才能解决这个问题？
谢谢
推荐指数
解决办法
查看次数
正确渲染Vue组件中JSON文本的HTML
我正在遍历由简单HTML标记组成的道具列表
<div class="columns medium-4 large-4" v-for="keyOffer in keyOffers">
<p>{{ keyOffer.head }}</p>
<p>{{ keyOffer.sub }}</p>
</div>
其中一个道具看起来像这样
keyOffers: [
{
id: 'offerSecond',
head: '4G network',
sub: 'Dedicated to bringing you the <span class="u_underline">best mobile service</span>
},
]
但在输出中将<span>获取打印但不应用。
有什么帮助吗？
推荐指数
解决办法
查看次数
在 Flutter 中创建异步验证器
我在Flutter中有一个异步函数，它将验证器的值作为参数：
validatePhone(number) {
bool _isValid;
Requests.get("http://apilayer.net/api/validate?value=$number", json: true)
.then((val) {
if (val['valid']) {
// setState(() { <- also tried setting state here
_isValid = true;
// });
} else {
// setState(() {
_isValid = false;
// });
}
});
return _isValid;
}
和
TextFormField(
validator: (value) {
if (value.isEmpty) {
return 'Please your phone number';
} else {
if (validatePhone(value)) {
return 'Your phone number is not valid';
}
}
},
),
但它不起作用，它总是返回null或在 中设置的初始值validatePhone …
推荐指数
解决办法
查看次数
标签 统计
html ×6
css ×4
javascript ×2
jquery ×2
next.js ×2
reactjs ×2
asynchronous ×1
dart ×1
flutter ×1
html-table ×1
vue.js ×1
vuejs2 ×1
webpack ×1