标签: resize

我有一个包含很长字的内联块元素.当我调整视口大小直到我到达下一行的文本的断点时,我得到了大量的空间.但是,我希望inline-block元素立即包装到其内容的宽度.

我发现很难准确解释发生了什么,所以在GIF动画下面说明我的问题:

调整视口大小时:

要清楚,上面的图像是我不断调整视口大小.

有没有人知道如何实现我想要的？即使使用CSS连字,白色空间仍然存在(我不想要).

JSFiddle.调整框架大小以查看我的意思.

div {
    display: inline-block;
    background-color: black;
    color: white;
    padding: 5px;
}

我使用bootstrap作为我的布局,我需要检查自动计算的带有引导程序的DIV的大小是否已更改,例如width = 25%.

是否有可能对我未在模板中设置的属性进行更改检测,但是由bootstrap设置.(窗口:调整大小)是不够的.

谢谢

我有这个代码,它工作正常:

头

    <script>
    $(document).ready(function()
    {
        $("#test").resizable({minHeight: 50, minWidth: 50});
    });
</script>

身体

<div id="test" style="border: .1em solid black;">
</div>

但是当我将"div"改为"iframe"时,我再也无法调整它了.

身体

<iframe id="test" style="border: .1em solid black;">
</iframe>

我已经编写了一个Web服务来调整用户上传的图像,并且从功能的角度来看,所有这些都可以正常工作,但是每次使用它都会导致CPU使用率达到峰值.它在Windows Server 2008 64位上运行.我已经尝试编译为32位和64位并得到大致相同的结果.

服务的核心是这个功能:

private Image CreateReducedImage(Image imgOrig, Size NewSize)
{
    var newBM = new Bitmap(NewSize.Width, NewSize.Height);
    using (var newGrapics = Graphics.FromImage(newBM))
    {
        newGrapics.CompositingQuality = CompositingQuality.HighSpeed;
        newGrapics.SmoothingMode = SmoothingMode.HighSpeed;
        newGrapics.InterpolationMode = InterpolationMode.HighQualityBicubic;
        newGrapics.DrawImage(imgOrig, new Rectangle(0, 0, NewSize.Width, NewSize.Height));
    }

    return newBM;
}  

我在服务上放了一个分析器,它似乎表明绝大部分时间花在了GDI +库本身上,而且我的代码中没有太多东西可以获得.

问题:我在这里的代码中做了一些明显低效的事情吗？它似乎符合我见过的例子.

使用除GDI +之外的库有没有收获？我看到的基准测试似乎表明GDI +与其他图书馆相比做得很好但我没有找到足够的信心.

使用"不安全的代码"块会有收获吗？

如果我没有提供足够的代码,请告诉我...我很乐意尽可能多地提出要求但不想在帖子中讨厌.

当重试子项被隐藏时,我将如何调整窗口小部件的大小,使其看起来像在第一个图像中？主要布局是QVBoxLayout,重试子是一个带有QVBoxLayout的小部件.

我尝试过以下方法:

• 更新()
• updateGeometry()
• setGeometry(childrenRect())
• 布局() - >激活()

一旦我将重试小部件设置为隐藏,就在主小部件上.我是否需要拦截某些事件才能执行此操作？

我试图使用.Net并行调整jpegs的大小.我的所有尝试都失败了,因为Graphics.DrawImage-func似乎在激活时锁定.尝试以下剪切:

Sub Main()
    Dim files As String() = IO.Directory.GetFiles("D:\TEMP")
    Dim imgs(25) As Image
    For i As Integer = 0 To 25
      imgs(i) = Image.FromFile(files(i))
    Next

    Console.WriteLine("Ready to proceed ")
    Console.ReadLine()

    pRuns = 1
    For i As Integer = 0 To 25
      Threading.Interlocked.Increment(pRuns)
      Threading.ThreadPool.QueueUserWorkItem(New Threading.WaitCallback(AddressOf LongTerm), imgs(i))
    Next
    Threading.Interlocked.Decrement(pRuns)

    pSema.WaitOne()
    Console.WriteLine("Fin")
    Console.ReadLine()
  End Sub

  Sub LongTerm(ByVal state As Object)
    Dim newImageHeight As Integer
    Dim oldImage As Image = CType(state, Image)
    Dim newImage As Image
    Dim graph As Graphics
    Dim rect As …

我想编写一个程序来实现c#中的放大和缩小任务.我不想调整pictureBox的大小,我想调整图片的大小.但我不知道我要做什么.你能帮我吗？

当你改变整个表格的大小时,许多程序会重新调整文本框,标签,图片框等的大小.但是当我在表单中拖动一个文本框并使表单变小时,它将与文本框重叠,并且它将无法使用,因为我看不到写在那里的所有内容.

这很难解释所以这里有一些照片:

在计算机上,很容易调整textarea的大小,如下所示:

<textarea>

http://jsfiddle.net/sssdpepa/

你只需点击并拖动右下角的东西.但在移动设备上,我似乎无法调整相同的文本区域.有什么我想念的吗？或者我必须以某种方式单独添加移动调整大小功能？

我试图通过使用鼠标拖动列分隔符(或调整占位符大小)来动态调整css网格布局框的大小.

我resize: horizontal;在nav元素上设置了调整大小,当我在元素的右下角拖动小调整大小手柄时它会被调整大小,但相邻列的宽度不会自动调整而导致重叠.这是一个破碎的codepen.

HTML:

<main>
 <nav>#1</nav>
 <header>#2</header>
 <section>#3</section>
</main>

CSS:

main {
    display: grid;
    border: 3px dotted red;
    grid-gap: 3px;
    grid-template-columns: 200px 1fr;
    grid-template-rows: 100px 1fr;
    height: 100%;
}

nav {
    grid-column: 1;
    grid-row: 1;
    grid-row: 1 / span 2;
    resize: horizontal;
    overflow: scroll;
    border: 3px dotted blue;
}

我希望css网格引擎自动处理这种情况,但显然它没有.

我尝试使用jquery-ui可调整大小,但它似乎不适用于css网格.

我正在研究如何通过将grid属性grid-template-columns/rows:设置为动态值来使用jquery来完成它,但是不清楚如何通过resize句柄调整元素大小来捕获抛出的事件.jquery resize事件仅在window对象上触发,而不是在dom元素上触发.

在不必处理像dragstart/dragend这样的低级鼠标事件的情况下,可能有什么办法呢？