小编Sel*_*thi的帖子

使用保证金减去是正确的方法？

我的这段代码运行正常，但通常（不是专门针对此代码），我的高级开发人员告诉我避免在保证金上减去负值。

#speech-bubble {
   margin:100px;
   width: 120px; 
   height: 80px; 
   background: blue;
   position: absolute;
   -moz-border-radius: 10px; 
   -webkit-border-radius: 10px; 
   border-radius: 10px;
}
#speech-bubble:before {
   content:"";
   position: absolute;
   width: 0;
   height: 0;
   border-top: 13px solid transparent;
   border-right: 26px solid blue;
   border-bottom: 13px solid transparent;
   margin: 13px 0 0 -25px;
}

Run Code Online (Sandbox Code Playgroud)

<body>
  <div id="speech-bubble">
  </div>
</body>

Run Code Online (Sandbox Code Playgroud)

为什么我需要避免保证金为负值？
如果删除了内容：“”我的代码不起作用，但我认为这是不必要的行。
这是做什么的？从代码中删除它后，一切正常吗？

-moz-border-radius: 10px; -webkit-border-radius: 10px;

html css css3

Sel*_*thi

2018 02-01

5
推荐指数

1
解决办法

65
查看次数

Tab 控件中的 ACTIVE 选择器在激活期间查找选项卡窗格的活动子元素，这会破坏选项卡导航

我正在使用引导程序 v-4。我第一次注意到这一点是在使用带有选项卡式导航内部的 bootstrap-select 版本 13 时。我将范围缩小到 Tab 控件，在引导程序选择“活动”中找到活动页面链接并更新它，而不是选项卡导航。

这是一个 JSFiddle，在每个选项卡中都有一个带有分页的小选项卡式导航（即使它在子项中也有一个活动类）。

JSFiddle：https ://jsfiddle.net/nrda8vjq/7/

<ul class="nav nav-tabs" id="myTab" role="tablist">
    <li class="nav-item">
        <a class="nav-link active" data-toggle="tab" href="#home" role="tab">Home</a>
    </li>
    <a class="nav-link" data-toggle="tab" href="#profile" role="tab">Profile</a>
    <li class="nav-item">
        <a class="nav-link" data-toggle="tab" href="#messages" role="tab">Messages</a>
    </li>
    <li class="nav-item">
        <a class="nav-link" data-toggle="tab" href="#settings" role="tab">Settings</a>
    </li>
</ul>

<!-- Tab panes -->
<div class="tab-content">
    <div class="tab-pane active" id="home" role="tabpanel">
        <h3>Home</h3>
        <nav aria-label="...">
            <ul class="pagination">
                <li class="page-item disabled">
                    <a class="page-link" href="#" tabindex="-1">Previous</a>
                </li>
                <li class="page-item"><a class="page-link" href="#">1</a></li>
                <li class="page-item active"> …

Run Code Online (Sandbox Code Playgroud)

css jquery twitter-bootstrap bootstrap-tabs bootstrap-4

Sel*_*thi

2018 03-30

5
推荐指数

1
解决办法

688
查看次数

防止表格单元格中的文本换行 --with 空列

有谁知道如何防止表格单元格中的文本换行？这是一个表格的标题，标题比它下面的数据长很多，但我需要它只显示在一行上。如果列很宽也没关系。

我的（简化的）表格的 HTML 如下所示：

<table>
<thead>
    <tr>
        <th>
            <div>Really long column heading</div>
        </th>
        <th>
            <div>Really long column heading</div>
        </th>
        <th>
            <div>Really long column heading</div>
        </th>
        <th>
            <div>Really long column heading</div>
        </th>
        <th>
            <div>Really long column heading</div>
        </th>
        <th>
            <div>Really long column heading</div>
        </th>
        <th>
            <div>Really long column heading</div>
        </th>
    </tr>
</thead>
<tbody>
    <tr>
        <td>
            <div>data</div>
        </td>
        <td>
            <div>data</div>
        </td>
        <td>
            <div>data</div>
        </td>
        <td>
            <div>data</div>
        </td>
        <td>
            <div>data</div>
        </td>
        <td>
            <div>data</div>
        </td>
        <td>
            <div>data</div>
        </td>
    </tr>
</tbody>

Run Code Online (Sandbox Code Playgroud)

由于与页面上的 javascript 有关的原因，标题本身被包装在 th …

static

Sel*_*thi

2018 08-07

2
推荐指数

1
解决办法

3499
查看次数