我希望我的按钮和锚点看起来一样.但是当我在一个按钮/锚点内有长文本时,它应该断开并显示垂直居中的文本.当有足够的空间时,文本也应居中.
为了使文本居中而不是在文本中断时溢出我设置了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)当您使用 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)
是否有一种奇特的方式来禁用cookie直到用户接受它们?
以下问题:我有一个使用相当多的cookie的网上商店,为了符合GDPR,我们需要"禁用"cookie,直到用户接受它们为止.我不想重写整个商店系统,因此我正在寻找一个通用的解决方案.
我的方法是:
set-cookie
我们的服务器发送的所有标头(通过nginx或php)但仍存在一些问题:
是否可以为当前域(包括子域)存储 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 的域部分留空,并将其设置为当前域(也匹配子域)
如何使用kotlin-dsl在gradle 任务中下载文件?
我想从外部源 (URL) 下载文件并将其存储 + 重命名到我的项目文件夹中。
我试图搜索它,但我只找到了 groovy 解决方案。
提前致谢!