标签: overflow

IM试图让div内容不流过页脚，我希望内容div随着页面扩展而扩展，但是当文本经过页脚时，它会导致页脚在页面上向上跳转
html, body { margin :0; /上、右、下、左/ padding:0; /上、右、下、左/ 高度：100%；}

container {
    position:fixed;
    top:0;
    left:0;
    width:100%;
    margin: 0 auto -100px;
    height: auto;
    min-height:100%;
}

content {
    position: relative; 
    padding-bottom:100px;
    overflow:auto;
    height:100%;
}

Header, #Footer {
    position: absolute;
    width:100%;
    background:url('bglines.png');
    background-size:15px 15px;
    color:white;
    padding:0 auto;
    text-align:center;
    color:#2FAACE;
}

Footer {
    margin-top: 100px;
    clear:both;
} 

menu {
    position:absolute;
    list-style-type:none;
    background: #808080;
    width:100%;
    padding: 85px 0px 0px 0px; /* Always on top */
}

ptop {
    text-transform:uppercase;
    font-family:impact;
    font-size:40pt; …

我需要检测unsigned long.

该变量保存设备运行以来的毫秒数（它是 Arduino）。这样做sizeof(unsigned long)，我发现它确实是一个 32 位数字。现在，由于它每毫秒递增一次，这意味着设备将运行大约 49 天，然后该值就会溢出。

由于它是用于家庭系统，因此并不建议这样做。现在我使用这个数字的目的是比较当前时间是否大于前一个时间加上去抖动量。

if(timeChanged + amountOfMs < currentTime){ ... }

不用说，一旦发生溢出，这将不再起作用。有什么有效的方法可以解决这个问题？我考虑过也有一个第二计时器来检查毫秒是否溢出，但最终我会遇到同样的问题。

我正在尝试创建一个简单的轮播，它从第 1 项开始，可以滑动到最后一项（不需要是无限的项目链）。

但是，我在连续显示项目时遇到一些问题：

html {
  overflow-x: hidden;
}

.carousel {
  overflow-x: hidden;
  position: absolute;
  left: 0px;
  top: 100px;
  height: 300px;
  width: 100%;
  background: blue;
}

.carousel div {
  position: relative;
  background: yellow;
  width: 100px;
  height: 250px;
  float: left;
  border: 1px solid black;
}

<div class="carousel">
  <div></div>
  <div></div>
  <div></div>
  <div></div>
  <div></div>
  <div></div>
  <div></div>
  <div></div>
  <div></div>
  <div></div>
  <div></div>
  <div></div>
  <div></div>
  <div></div>
  <div></div>
  <div></div>
</div>

（小提琴链接）

当调整页面大小时，我的内部 div 项目会挤压在一起并出现在彼此的顶部，即使我已在 css和overflow-x: hidden两者上进行了设置。.carouselhtml

我希望发生的是，如果调整页面大小（或者如果轮播项目沿着滑动），这些项目应该并排放置，并且只是从屏幕上溢出而看不见。

有人可以告诉我这是否可能并为我指明正确的方向吗？

经过更多实验后，我将overflow-x和 …

我写下这个简单的代码只是为了验证 Mips 处理器中的溢出以进行最终测试：

.data
.text
.globl main
 main:
    li $s0, 2000000000
    li $s1, 2000000000


    addu, $s2 , $s0, $s1

    li $v0, 1
    move $a0, $s2
    syscall
    j end


    end: 

    li $v0, 10
    syscall

它当然会导致 0xee6b2800，十进制 -294967296，只是因为 mips 以二进制补码对数字进行编码，并且它将 MSB 识别为符号位（1 及其负数）。我如何实现一个循环来打印（在同一程序中）正确的值？（在本例中为 4 Bil，4x10^9）非常感谢

如何修复标题并确保它会显示？

.cont {
  display: flex;
  flex-direction: column;
  width: 250px;
  height: 150px;
  border: 1px solid red;
  overflow: hidden;
}

.title {
  display: flex;
  background: #ccc;
  justify-content: space-between;
}

<div class="cont">
  <div class="title">
    <div>title that collapse</div>
    <div>28/3/2018</div>
  </div>
  <div>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Ab sapiente provident iure ipsa ipsum nulla distinctio vero nisi officiis, id accusantium perferendis enim quisquam. Optio est deserunt atque, explicabo enim excepturi aliquid expedita rerum
    voluptates similique ipsam vitae sapiente sequi at earum.
  </div>
</div> …

假设我有一个 div：

<div class="nav-menu"/>

我正在尝试使用::scrollbar伪元素自定义滚动条的 CSS 样式：

.nav-menu::-webkit-scrollbar {
    width: 8px;
    background: white;
}

但这种样式同时适用于 x 轴和 y 轴滚动条。有没有什么方法可以只使用纯 CSS 设置不同的样式？

我正在尝试对表示文件名的文本进行自定义截断，该文件名始终显示文件扩展名，但如果空间不足，则隐藏部分名称。例如，文件名是testtesttest.xml. 如果没有足够的空间，我希望它显示类似的内容tes...xml

我一直在玩text-overflow: ellipsis，但没有得到任何结果。它要么截断整行，要么根本不截断。

export default function FilenameTruncate(props) {
    const [name, extension] = props.filename.split('.')
    return (
        <div className="filename-container">
            <div className="filename-text">
                <span>{name}</span>
            </div>
            <div className="filename-ext">
                <span>.{extension}</span>
            </div>
        </div>
    )
}

.filename-container {
    display: flex;
    flex-direction: row;
    overflow: hidden;
}

.filename-text {
    white-space: nowrap;
    text-overflow: ellipsis;
}

.filename-ext {
    white-space: nowrap;
}

我有一个表，它有很多列，基本上，它table的类table-responsive带有以下 CSS 设置：

.table-responsive {
    display: block;
    width: 100%;
    overflow-x: scrollbar;
}

它正确显示水平滚动条：

但问题是，这个滚动条出现在表格的末尾，我希望它显示在显示数据的表格顶部（第一行的顶部）。

那么如何将水平滚动条移动到表格顶部（之后<thead>）？

<table class="table table-bordered table-sm">
    <thead class="thead-dark">
         <tr>
              <th>Col 1</th>
              <th>Col 2</th>
              <th>Col 3</th>
              ..
              <th>Col 10</th>
         </tr>
    </thead>
    <tbody>
         <tr>
              ...
         </tr>
    </tbody>
</table>

嗨我在我的网页上做评论框,以便我通过不允许用户输入空注释来对该评论框进行验证,并且评论sholud不大于255个字符它一切正常但是当我输入评论时这意味着

aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaakjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjj

这个字符串溢出了注释框div,即它就像一条直线,我用过css属性overflow:auto; 但我需要的是它应该像这样显示.它应该拆分字符串

aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaakjjjjjjjjj
jjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjj
jjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjj

对于前:当我这样评论 The p element has both line boxes and a child box for the q element, which is a block-level element. The line boxes before the q are wrapped in an anonymous block-level box and so are the line boxes after the q. The resulting tree of boxes might be as fol

它恰到好处...它应该是这样的

我有一个div,客户端将执行一些操作(使用JavaScript)将更改内容.有时这些内容会变得烦人.有一种"简单"的方法吗？我已经搞乱了CSS"溢出"属性,它可以正常工作,但我宁愿只有一个垂直滚动条,没有水平滚动条.

这也假设某些内容不包含空格(这将产生正常效果).

如果它需要这样做,我需要它将它分开到单词的中间.

例:

I want the overflow to acti
vate even if it is in the m
iddle of a word.

谢谢,如果可以的话.以下是对我一个的jsfiddle 一种与工作:

http://jsfiddle.net/DalexL/znzk2/