标签: width

我有一个WPF应用程序,主窗口的装饰是自定义的,通过WindowStyle ="None".我绘制自己的标题栏和最小/最大/关闭按钮.不幸的是,Windows在调整窗口大小时不会强制执行MinWidth和MinHeight属性,从而允许窗口一直调整到3x3(appx - 刚好足以显示窗口增长的句柄).

我已经不得不拦截窗口事件(sp.0x0024)来修复由WindowStyle = none引起的最大化错误(它将在Windows任务栏上最大化).我并不害怕拦截更多事件来实现我的需要.

有没有人知道如何让我的窗口不在我的MinWidth和MinHeight属性下调整大小,如果有可能的话？谢谢!!

在一个表单中,我想输入:文本填充剩余空格后,表格的标签左右对齐.

标签有字符数,因此我无法在标签上设置固定宽度.

代码示例:

<fieldset>
<legend>User Info</legend>
<p><label>First Name :</label><input type="text"...></p>
<p><label>Last Name : </label><input type="text"...></p>
<p><label>Completed Email Address :</label><input type="text"...></p>
</fieldset>

如何设置输入样式以填充文本后的剩余空间.

谢谢.

我有一个标准的UL如下:

<ul>
  <li><a href="">Link</a></li>
  <li><a href="">Link</a></li>
  <li><a href="">Link</a></li>
  <li><a href="">Link</a></li>
  <li><a href="">Link</a></li>
</ul>

我试图找到一种快速有效的方法来计算所有LI标签的组合.目前我有:

var width = 0;

$('ul li').each(function() {
 width += $(this).outerWidth();
});

我只是想知道是否有更快的方法来获得相同的结果而不使用循环？

谢谢你的帮助!

我想创建一个具有一个或两个列表视图的界面,最终跨越整个屏幕有两行.我怎样才能改变它们的高度,使它们垂直占据屏幕的50%？

如果它是沿着相同的路线,我很想知道如何做到这一点,无论方向如何.

关于宽度; 让我们说我有两个列表视图,每个列表视图有一行.它们如上所述跨越整个屏幕.较低的列表视图中有两个可点击的项目,每个项目占据屏幕空间的50%,水平.

那可能吗？如果是这样,怎么样？

恼人的问题

当我放大我的视口窗口(在firefox,chrome中),然后水平向右滚动时,我的背景图像被剪裁

图像最能描绘出正在发生的事情:

放大

- 图像仅与视口一样宽

缩小输出 - 问题不会发生

以下是我的css中可能相关的部分内容:

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}
body{ width: 100%; }
header#header { width: 100%; }
header#header #background-image {
  height: 150px;
  background: url(/images/header/silhouette.png) repeat-x;
} 

无论是否应用cssgradients都会发生这种情况 - 真的难倒在这里

我有一张像这样的桌子:

<table id="MyTable" cellspacing="0" cellpadding="0">
    <thead>
        <tr>
            <th style="width: 30%;">
                <asp:Literal ID="LitDescriptionTitle" runat="server" />
            </th>
            <th style="width: 30%;">
                <asp:Literal ID="LitDescription2Title" runat="server" />
            </th>
            <th style="width: 30%;">
                <asp:Literal ID="LitAddressTitle" runat="server" />
            </th>
            <th style="width: 10%;">
                &nbsp;
            </th>
        </tr>
    </thead>
<tbody>

现在列宽正确设置为IE中的百分比,但不是在Firefox中.(可能FF正确做事)

我可以做些什么来使列的宽度固定为IE和FF中的上述百分比？

我这样做了一张桌子:

<table style="width:1000px;">
  <tr>
    <td>aaa</td>
    <td id="space"></td>
    <td class="fixed-width">bbb</td>
    <td class="fixed-width">ccc</td>
  </tr>
</table>

我如何做CSS以使b和c列具有固定的宽度,a列只占用所需的空间,并且空间列要扩展以填充表的其余部分？

我正在尝试将PWM用于ATmega8上的LED,端口B的任何引脚.设置定时器一直很烦人,我不知道如何处理我的OCR1A.这是我的代码,我喜欢一些反馈.

我只想弄清楚如何使用PWM.我知道这个概念,OCR1A应该是我希望脉冲开启的整个计数器时间的一小部分.

#define F_CPU 1000000  // 1 MHz

#include <avr/io.h>
#include <avr/delay.h>
#include <avr/interrupt.h>

int main(void){

    TCCR1A |= (1 << CS10) | (1 << CS12) | (1 << CS11);
    OCR1A = 0x0000;
    TCCR1A |= ( 0 << WGM11 ) | ( 1 << WGM10 ) | (WGM12 << 1) | (WGM13 << 0);
    TCCR1A |= ( 1 << COM1A0 ) | ( 0 << COM1A1 );
    TIMSK |= (1 << TOIE1); // Enable timer interrupt
    DDRB = 0xFF;
    sei(); // …

我有以下html:

<div class="main_container">
    <div class="sub_container">
        <div class="floating">wookie1</div>
        ...
        <div class="floating">wookie5</div>
    </div>
</div>

考虑它就像一个图库.

main_container具有不固定的大小,它被设置为用户分辨率的百分比.我希望sub_container具有浮动div总和的确切宽度.

如果我使用"display:table;" for sub_container和"display:inline-block;" 对于浮动div,它工作正常:

直到我在列表中有足够的div,以便宽度的总和大于main_container并且它们在下一行中断:

但是,我仍然希望子容器(黄色背景)始终是div总和的完全宽度,即使它们在多行上都是这样的,如下所示:

我现在用谷歌搜索了几个小时,并且无法找到一个优雅的解决方案(如果可能的话,仅限css.)

这是jsfiddle,玩这个.

这就是我现在所拥有的.我无法让它成为全宽

几乎全宽

这是html.我已经尝试过添加.btn-block类但是我得到了相同的结果,好像我刚刚使用了宽度:100%; 在css.也许问题出在父元素上？

<article class="col-xs-12 col-md-4">
            <div class="label label-success price"><span class="glyphicon glyphicon-tag"></span>$39</div>

            <div class="price-title">
                <h3>LOREM</h3>

                <small>Lorem Ipsum</small>
            </div>

            <div class="price-content ">
                <ul>
                    <li><h4>Item or Service # 1</h4></li>
                    <li><h4>Item or Service # 2</h4></li>
                    <li><h4>Item or Service # 3</h4></li>
                    <li><h4>Item or Service # 4</h4></li>
                    <li><h4>Item or Service # 5</h4></li>
                    <li><h4>Item or Service # 6</h4></li>
                </ul>

                <a href="#"><div class="btn btn-success">Sign Up</div></a>
            </div>
        </article>

这些都是风格

#tables{
color: white;
text-align: center;
margin: 15px 20px;}


.price{
position: relative;
top: 20px;
font-size: 30px;}

.price-content{
background-color: #E8E9EA; …