小编Car*_*lla的帖子

使用 inline-block 在 dompdf 中的元素下方添加空间

当有两个或多个带有 的元素时display:inline-block,这些元素在渲染为 pdf 后似乎在下方有一个边距:

<div style="background-color:pink;">
    <div style="background-color:red;float:left;width:25%;">Hello</div>
    <div style="background-color:orange;float:left;width:25%;">Hello</div>
    <div style="background-color:yellow;float:left;width:25%;">Hello</div>
    <div style="background-color:green;float:left;width:25%;position:relative;">
        <div style="background-color:red;display:inline-block;width:25%;">Hello</div><!--
        --><div style="background-color:orange;display:inline-block;width:25%;">Hello</div>
    </div>
</div>
Run Code Online (Sandbox Code Playgroud)

多个内联块元素

但当只有一个时,它显示正常:

<div style="background-color:pink;">
    <div style="background-color:red;float:left;width:25%;">Hello</div>
    <div style="background-color:orange;float:left;width:25%;">Hello</div>
    <div style="background-color:yellow;float:left;width:25%;">Hello</div>
    <div style="background-color:green;float:left;width:25%;position:relative;">
        <div style="background-color:red;display:inline-block;width:25%;">Hello</div>
    </div>
</div>
Run Code Online (Sandbox Code Playgroud)

单个内联块元素

已经尝试clear:both在同级元素上使用并作为inline-block元素的包装器,但这只会导致它低于绿色 div

也已经尝试过使用float:left,就像它的父级一样,但是使用它会导致元素重叠

是否有其他方法可以使浮动元素的子元素水平对齐?

html css php dompdf

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

我该如何添加+符号

<?php
   $numbers = array("12", "-32", "52", "-65", "98");
   $arrlength = count($numbers);

for($x = 0; $x < $arrlength; $x++) {
   echo $numbers[$x];
   echo "<br>";
}
Run Code Online (Sandbox Code Playgroud)

如何添加+符号不是 - 减去.

结果: + 12,-32,+ 52,-65,+ 98

php arrays

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

Bootstrap 行重叠

我有一个问题。我正在尝试使用 4 行制作引导网格系统,但问题是某些行重叠。我不知道这个问题从何而来。这个小提琴显示了我的问题

html, body{
    width: 100% !important;
    height: 100% !important;
    padding:0;
    position: relative;
  }
  #header-sec{
    position: absolute;
    /*top: 0;*/
    width: 100%;
    background-color: green;
    height : 15%;
    min-height: 30px;
  }
  #footer-sec{
    position: absolute;
    bottom: 0;
    width: 100%;
    background-color: black;
    height : 5%;


  }
  #data-viewer{
    height : 60%;

  }
  #zone-geog{
    height : 20%;

  }
Run Code Online (Sandbox Code Playgroud)
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/>
<body>
    <div class="container-fluid">
    <div id="header-sec" class="row">
        <div class="col-sm-12">header</div>
    </div>
    <div id="zone-geog" class="row">
      <div class="col-sm-12">
        zone geog
      </div>
    </div>
    <div id="data-viewer" class="row bg-primary">
        <div class="col-sm-9">map</div> …
Run Code Online (Sandbox Code Playgroud)

html css twitter-bootstrap

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

如何使用javascript在html标签内打印<DummyText>?

我需要为我的字符串"DummyText"显示"<>"符号.当我运行并检查元素时,它转换为HTML中的DOM元素.这是我想要做的代码

<p><a href='' title='Survey Link'><DummyText></a></p>
Run Code Online (Sandbox Code Playgroud)

html

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

CSS第一个孩子在Div元素中的奇怪行为

所以这是我的代码:

.tagBoxContent p:first-child {
  color: blue;
}

.tagBoxContent p:last-child {
  color: red;
}
Run Code Online (Sandbox Code Playgroud)
<div class="tagBoxContent">
  <a class="tagHeadline">with <span>'chat'</span> tagged articles</a>
  <p>Lorem ipsum dolor sit amet,</p>
  <p>Integer ma</p>
</div>
Run Code Online (Sandbox Code Playgroud)

为什么first-child不会触发p标签但是最后一个子元素呢?如何在没有第一个孩子或有工作的第一个孩子的情况下调用第一个p标签?我研究了很多,但没有找到任何重复相同的问题.

html css

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

样式化<pre>标签

在我的网站文档中,我有一些代码应该显示,以便建议用户如何通过按照显示的代码更改网站的外观.我不想在这个pre标签里面使用背景图片,但想要一些样式.像每行代码应该有一个替代的背景颜色.我把灵感图像联系起来了.

演示图像

  pre {
  font-size: 20px;
  border: 2px solid grey;
  width: 450px;
  border-left: 12px solid green;
  border-radius: 5px;
  padding: 14px;
}
Run Code Online (Sandbox Code Playgroud)
<pre>
.header-inner {
width: 1200px;
margin: 0 auto;
text-align: center;
font-size: 24px;
font-family: 'lato', sans-serif;
}
</pre>
Run Code Online (Sandbox Code Playgroud)

html css pre

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

Bootstrap Dropdown Angular2无效

我的浏览器是否存在此下拉列表不起作用的问题?

我想在我的一个项目中的导航栏中添加一个下拉菜单,它没有打开,所以我从bootstrap中取了示例,它甚至不能在jsfiddle.net上的代码片段中工作.我正在使用Angular2

<div class="dropdown">
  <button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria- expanded="true">
        Dropdown
        <span class="caret"></span>
      </button>
  <ul class="dropdown-menu" aria-labelledby="dropdownMenu1">
    <li><a href="#">Action</a></li>
    <li><a href="#">Another action</a></li>
    <li><a href="#">Something else here</a></li>
    <li role="separator" class="divider"></li>
    <li><a href="#">Separated link</a></li>
  </ul>
</div>
Run Code Online (Sandbox Code Playgroud)

html css twitter-bootstrap angular

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

MS SQL插入选择联接

我有两个桌子

    TABLE1                        TABLE2
COLUMN1 COLUMN2               COLUMN1 COLUMN2
John      56                     56      A
Bob       45                     45      B 
Eva       68                     68      C
Run Code Online (Sandbox Code Playgroud)

而且我需要将列添加到一个表中,事实上我将使用函数join从其他表中插入新的列值

        TABLE1
COLUMN1 COLUMN2 COLUMN3
John      56      A
Bob       45      B 
Eva       68      C

ALTER TABLE [dbo].[Table1]
ADD Column3 nvarchar(255); 

INSERT INTO [dbo].[Table1] (column3)
SELECT table2.column2
from [dbo].[Table2] left join [dbo].[table1]
on table1.column2 = table2.column1
Run Code Online (Sandbox Code Playgroud)

但是我越来越

        TABLE1
COLUMN1 COLUMN2 COLUMN3
John     56       A
Bob      45       B 
Eva      68       C
NULL     NULL     A
NULL     NULL     B
NULL     NULL     C
Run Code Online (Sandbox Code Playgroud)

您能帮我修复我的插入物吗?

sql t-sql sql-server

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

Comparing two dates in jquery script

I'm trying to compare two same dates in the browser console and getting the result as false. I don't understand how is it comparing as both the dates are the same?

$(function()
{
  var d1 = new Date("01-12-2001");
  var d2 = new Date("01-12-2001");
  
  console.log(d1 == d2);
});
Run Code Online (Sandbox Code Playgroud)
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
Run Code Online (Sandbox Code Playgroud)

but here if try to compare with GT and LT then its working.

javascript jquery date date-comparison

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