小编war*_*rch的帖子

CSS:锚点和按钮的垂直对齐文本

我希望我的按钮和锚点看起来一样.但是当我在一个按钮/锚点内有长文本时,它应该断开并显示垂直居中的文本.当有足够的空间时,文本也应居中.

为了使文本居中而不是在文本中断时溢出我设置了line-height:1我也设置vertical-align:1了当然我必须设置white-space: normal否则文本不会中断并且按钮会溢出.

现在我有以下问题(用chrome测试):当文本是单行时,它将不再在锚标记内居中...此外我不想更改DOM(将文本包裹在span等内...)

你能告诉我为什么按钮的行为与锚不同吗?我已经检查了chrome检查器中的所有样式(computed - > show all).我还检查了:before:after样式.

.btn{
  white-space: normal !important;
  height: 45px !important;
  vertical-align: middle !important;
  line-height: 1 !important;
}
Run Code Online (Sandbox Code Playgroud)
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">

<div class="row">
  <div class="col-xs-2">
    <a href="#" class="btn btn-default">test loooooooooooooooooooongstring<a>
    <br /><br />
    <button class="btn btn-default">test loooooooooooooooooooongstring</button>
  </div>
</div>
    
<br /><br /><br />
    
<div class="row">
  <div class="col-xs-12">
    Should be centered!!
    <br />
    <a href="#" class="btn …
Run Code Online (Sandbox Code Playgroud)

html css twitter-bootstrap

6
推荐指数
1
解决办法
1181
查看次数

在 select2 多选中显示单独的搜索框

当您使用 select2(下拉 jquery 框架)时,您可以使用 jquery 制作精美的下拉菜单。

如您所见,单选框有一个单独的搜索框,但多选框有内联的搜索框。

是否有可能向多选添加单独的搜索框?

$(".my-dropdown").select2();
Run Code Online (Sandbox Code Playgroud)
.my-dropdown{
  width: 50%;
  clear: both;
}
Run Code Online (Sandbox Code Playgroud)
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.3/css/select2.min.css" rel="stylesheet" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.3/js/select2.min.js"></script>

<select class="my-dropdown" multiple="multiple">
    <option value="AL">Alabama</option>
    <option value="WY">Wyoming</option>
</select>

<br /><br /><br />

<select class="my-dropdown">
    <option value="AL">Alabama</option>
    <option value="WY">Wyoming</option>
</select>
Run Code Online (Sandbox Code Playgroud)

javascript css jquery jquery-select2 select2

5
推荐指数
1
解决办法
2304
查看次数

如何以通用方式禁用cookie,直到用户接受cookie

是否有一种奇特的方式来禁用cookie直到用户接受它们?

以下问题:我有一个使用相当多的cookie的网上商店,为了符合GDPR,我们需要"禁用"cookie,直到用户接受它们为止.我不想重写整个商店系统,因此我正在寻找一个通用的解决方案.

我的方法是:

  • 取消设置set-cookie我们的服务器发送的所有标头(通过nginx或php)

但仍存在一些问题:

  • 如何防止外部网站设置cookie而不完全删除它们(bing,google,fb,..)
  • 如何在不修改所有javascript源的情况下阻止javascript设置cookie(是否可以覆盖浏览器功能,因此无法通过JS设置cookie)

javascript cookies http magento

4
推荐指数
2
解决办法
4774
查看次数

Javascript为当前域(包括子域)设置cookie

是否可以为当前(包括子域)存储 JS cookie 。

例如: document.cookie = "key=value; expires=Tue, 16 Apr 2019 11:31:56 GMT; path=/;secure"为当前域设置cookie,但不为域名添加点。

我知道可以通过指定域,domain=.example.com但我不想对域名进行硬编码。

我尝试了类似的方法,但没有成功: document.cookie = "key=value; expires=Tue, 16 Apr 2019 11:31:56 GMT; path=/;secure;domain=."

更新:

我知道您可以获取当前域名window.location.hostname,但是有没有一种解决方案可以让我不需要以编程方式获取域名

更新2:

就像这里描述的:Cookie 域中的点前缀是什么意思?

前导点表示 cookie 对子域也有效;然而最近的 HTTP 规范 (RFC 6265) 改变了这个规则,所以现代浏览器不应该关心前导点。实现已弃用的 RFC 2109 的旧浏览器可能需要该点。

这意味着,如果您在现代浏览器中在域名前使用点,则不会产生任何影响。也就是说,您可以将 JS cookie 的域部分留空,并将其设置为当前域(也匹配子域)

javascript cookies http

4
推荐指数
1
解决办法
1万
查看次数

gradle + kotlin-dsl:下载文件

如何使用kotlin-dslgradle 任务中下载文件?

我想从外部源 (URL) 下载文件并将其存储 + 重命名到我的项目文件夹中。

我试图搜索它,但我只找到了 groovy 解决方案。

提前致谢!

gradle kotlin gradle-kotlin-dsl

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