小编Tos*_*kan的帖子

对齐 textarea 字段旁边的标签,居中?纯css解决方案

所以我得到了这个片段:(这是jsfiddle

<div><label style="height: 58px;">Label</label>
    <textarea>11111</textarea>
</div>

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

<div><label style="height: 158px;">Label</label>
    <textarea style="height:199px">11111</textarea>
</div>
Run Code Online (Sandbox Code Playgroud)

这是CSS

label{
    display:inline-block;
    background-color: grey;
}
Run Code Online (Sandbox Code Playgroud)

这是悲惨的结果:

在此处输入图片说明

我希望标签位于 textarea 字段的中心。有人知道这里发生了什么吗?

html css

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

清洁方式将边框彼此相邻放置 - 产生1 px宽的边框

好的以下jsfiddle场景.广场来自CMS,我不能硬编码.我需要一个干净的方法来始终获得1个边框厚度.此时边界厚度有时为1像素,有时为2像素.给出容器的宽度,它总是3个方格宽.所以它永远不会有2个方格.始终$ number_of_squares%3 === 0查看截图

在此输入图像描述

它有诀窍吗?

HTML:

<div class="container"><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div></div>
Run Code Online (Sandbox Code Playgroud)

CSS:

div{
    display:inline-block;
    height: 100px;
    width: 100px;
    vertical-align: top;
    background-color: burlywood;
    border: 1px solid #ccc;
}

.container{
    width: 400px;
    height: 400px;
    background-color: white;
    border: none;
}
Run Code Online (Sandbox Code Playgroud)

jsfiddle

css css3

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

datatables - 使th标题单元格包装单词

我正在使用数据表,我想知道是否有一个选项来使标题包装.

我使用紧凑型显示器

在此输入图像描述

问题是,一些javascript将表头单元格的宽度设置为固定的像素数.

所以我想:

fees
covered

name
shown


amount
shown
Run Code Online (Sandbox Code Playgroud)

在标题中

编辑:添加<br/>标签的问题是列的宽度保持完全相同,但我希望它们变得更小,宽度更小,请参见此处:

在此输入图像描述

datatables

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

IntelliJ 中变量定义的空格/对齐

我有这个:

    $accountNr = $csvData[2][1];
$firstname = $csvData[3][1];
$lastname = $csvData[4][1];
$telephone1 = $csvData[5][1];
$telephone2 = $csvData[6][1];
$telephone3 = $csvData[7][1];
$telephone4 = $csvData[8][1];
$email1 = $csvData[9][1];
$email2 = $csvData[10][1];
$email3 = $csvData[11][1];
$email4 = $csvData[12][1];
$address1 = $csvData[13][1];
$address2 = $csvData[14][1];
$zip = $csvData[15][1];
$state = $csvData[16][1];
Run Code Online (Sandbox Code Playgroud)

我要这个:

$accountNr  = $csvData[2][1];
$firstname  = $csvData[3][1];
$lastname   = $csvData[4][1];
$telephone1 = $csvData[5][1];
$telephone2 = $csvData[6][1];
$telephone3 = $csvData[7][1];
$telephone4 = $csvData[8][1];
$email1     = $csvData[9][1];
$email2     = $csvData[10][1];
$email3     = $csvData[11][1];
$email4     = $csvData[12][1]; …
Run Code Online (Sandbox Code Playgroud)

intellij-idea phpstorm

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

Jinja2 模板与组件?块?模板?

jinja2模板的一个小问题:我想创建一个可重用的模板来包含然后覆盖块。宏不允许我像参数一样轻松编写 HTML 垃圾吗?假设我想多次重用一个包含,并且在我想动态分配的块中使用大量的 HTML,我该怎么做?

我猜肯定不是宏,还是我错了?

{% render_foo('bar',2) %} 很好

{% render_foo('<table><tr><th>something</th><th>somethingelse</th></tr><tbody><tr>....etc') %} 不行了是吗

“你真的想做什么?”

是的,我告诉过你,我有一种方法可以为我的数据创建容器。容器总是相同的。每次使用的内容完全不同。一次一张桌子。曾经是一个引导组件。一旦形成。

周围的元素总是相同的

重现简单的错误这就是我所做的:

 {% include 'full_section.html' %}
  {% block fullsection %} <table><tr><th>something</th><th>somethingelse</th></tr><tbody><tr>....etc{% endblock %}

  {% include 'full_section.html' %}
  {% block fullsection %} <form>//some cool LONG big form </form>{% endblock %}
Run Code Online (Sandbox Code Playgroud)

full_section.html 内容只是为了完整性,实际上要复杂得多

<div class="my_cool_full_section">
{% block full_section %}{% endblock %}
</div>
Run Code Online (Sandbox Code Playgroud)

TemplateAssertionError: 块 'fullsection' 定义了两次

django jinja2

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

如何正确使用:not selector来解决.b而不是.a .b?

我想定义适用.b但不适用的css.a .b

没有黑客接受的方式

.a .b {
   background-color: cornflowerblue;
}
Run Code Online (Sandbox Code Playgroud)

此外,html可以在任意容器中.body > .b也不适用于我的案子

我想使用:not选择器或替代解决方案,这不会让我改变定义.a .b

div {
  width: 50px;
  height: 50px;
  background-color: cornflowerblue;
  margin: 10px;
  border: 1px solid salmon;
}

.b {
  background-color: green;
}
Run Code Online (Sandbox Code Playgroud)
<div class="a">
  <div class="b"></div>
</div>

<div class="b"></div>
Run Code Online (Sandbox Code Playgroud)

请看这里的codepen

https://codepen.io/anon/pen/OxOLZE

html css css-selectors css3

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

使用弱 diffie hellman 加密的 certbot

我在这里读书

https://weakdh.org/

如果我验证安全性

https://www.ssllabs.com/ssltest/analyze.html

我的一个使用certbot 的网站因此被评为 B

在此输入图像描述

有解决办法吗?

certbot 基本上是许多系统的https://letsencrypt.org/的实现。

ssl diffie-hellman starttls lets-encrypt certbot

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

Event.observe使用原型javascript,替代品效率低下?

所以我们有一个包含很多复选框的表格,在我们想要调用一些javascript的复选框上,我们使用类似于此片段的内容

addEventObserver(elementId){
        // ($= means 'ends with') this is required for elementIds which are in a table and get prepended with some id
        $$('[id$=:'+elementId+']').each(function(e) {
            Event.observe(e, 'change', function(event) {
                submitAction(something);
            });
        });
}
Run Code Online (Sandbox Code Playgroud)

因此,在输入复选框下方,我们添加了一个javascript函数调用

<input type="checkbox" name="somename" id="somePrependedIdsomeId">    
<script type="text/javascript" language="javascript">
                    addEventObserver('someId');
                </script>
Run Code Online (Sandbox Code Playgroud)

这适用于我们的测试环境设置.在生产中虽然我们有大约700个复选框的表,这使得浏览器/ cpu卡住了.

我们使用jsf

javascript jsf prototypejs dom-events

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

如何在 laravel / eloquent for mysql 8 中执行通用表表达式?

在 laravel 5.7 中执行 CTE 公共表表达式的正确方法是什么?

考虑这个sql:

WITH
SearchTerm AS (
  SELECT
    ROW_NUMBER() OVER (ORDER BY created_at) AS search_term_order
    , jobs.*
  FROM jobs
  WHERE description LIKE '%programmer%'
),
PremiumAdd AS (
  SELECT
    ROW_NUMBER() OVER (ORDER BY created_at DESC) AS premium_order
    , jobs.*
  FROM jobs
  WHERE is_premium = 1
),
FinalOrder AS (
  SELECT
    id
    , description
    , created_at
    , is_premium
    , MOD(search_term_order + 1, 2) + FLOOR((search_term_order + 1) / 2) * 3 - 2 AS position
  --  , MOD(search_term_order …
Run Code Online (Sandbox Code Playgroud)

eloquent mysql-8.0

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

&lt;select&gt; 所选元素的 CSS 选择器,除非它为空

我想<select>对未选择“请选择”的情况进行样式化。

例如

select{
color: gray;
}

select:not-empty{
color: blue;
}
Run Code Online (Sandbox Code Playgroud)

HTML:

<select>
  <option value="">Empty, please gray</option>
  <option value="something">If selected, select in blue</option>
  <option value="something2">If selected, select in blue</option>
</select>
Run Code Online (Sandbox Code Playgroud)

所以如果选项值为空 -> 灰色

选项值不为空 -> 蓝色

代码笔: https: //codepen.io/jossnaz/pen/dLxezv

我想要什么?这:

在此输入图像描述

css

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