标签: width

我试图通过设置不同字段的宽度在C++上创建一个整齐格式的表.我可以使用setw(n),做类似的事情

cout << setw(10) << x << setw(10) << y << endl;

或更改ios_base :: width

cout.width (10);
cout << x;
cout.width (10);
cout << y << endl;

问题是,这两种选择都不允许我设置默认的最小宽度,每次我都要向流写入内容时我必须更改它.

有没有人知道我可以做到这一点而无需无数次重复同一次呼叫？提前致谢.

没有理由这很难实现.回到路上,您可以创建一个表格,将图像放在第一个单元格上,将文本放在第二个单元格上.非常简单.

出于某种原因,我有一段时间让这个与CSS一起工作,我知道css非常流利.我敢肯定,我只是忽略了一个有希望的答案.

我想要实现的目标:

• 动态大小(从数据库中拉出)图像浮动到左侧 - 向右描述文本,当图像达到图像高度时,在图像下方包装.

什么行不通:

• 在文本上设置左边距(图像宽度不一致)
• 在文本上设置宽度/浮动权限(同样,图像宽度是动态的,因此文本上的正确宽度将是未知的)

示例代码(pre css):

<div class="demo">
    <img src="dynamic_sized_image.jpg" />
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt …

如何设置自定义ListView分隔符的宽度,以使其小于行宽？

我正在尝试让jQuery处理菜单,而CSS在调整浏览器大小时会对窗口背景做些什么.

所以jQuery做了这样的事情:

if ( $(window).innerWidth() < mediaQueries['small']) {
    // (where 'small' would be 966)
    // Perform jQuery stuff on a menu ul
}

CSS有这样的东西:

@media all and (max-width: 966px) {
    body {
        background: url(smallback.jpg) no-repeat 0 0;
    }
}

当使用Firefox时,有一个17像素(似乎是垂直滚动条宽度)的间隙,其中已经处理了jQuery的东西,但CSS却没有.

由于其他浏览器可能会为其滚动条使用不同的宽度,因此只需在CSS中添加17px就无法解决问题.那么如何让jQuery考虑滚动条呢？$(window).innerWidth()对我来说似乎没有这样做.

任何帮助将不胜感激.

在Firefox,Opera或IE中打开此页面以查找问题的隔离版本.(Chrome和Safari不会遇到这个问题.因此:Webkit:+ 1,Gecko:-1,Trident:-1,Presto:-1.)

我有一个奇怪的问题.我的div宽度之一不起作用.我的CSS就像

.product_info
{
    margin-top:10px;
    background:#444;
    width:850px;

}
.product_image
{
    width:350px;
    text-align:center;
    float:left;
    padding:8px;
    border:1px solid #e9e9e9;
    background:#fff;
}
.product_details
{
    float:left;
    width:400px;
    margin-left:25px;
    font-size:14px;
    font-family:"Helvetica";
    background:#d71414;
}

我的HTML文件是

<div class="product_info">
                <div class="product_image">

                </div>

                <div class="product_details">
                    <div class="selection">
                    <form action="{$path_site}{$indeex_file}" method="post">
                    Size
                    {foreach name = feach item = k from = $product_size}
                        <input type="radio" name="size" value="{$k.product_size}" />{$k.product_size}
                    {/foreach}


                    </div>

                    <div class="selection">
                    No. of pieces <input type="text" name="quantity">

                    </div>
                    <div class="prc">
                        <span class="WebRupee">Rs.</span> {$product_info->product_cost}.00
                            </div>

                    <div class="buy_btn"><input type="submit" value="BUY" /></div>
                    </form>
                </div> …

考虑到:

• 对于绝对位于相对定位的容器内的元素.
• 如果希望元素填充容器的宽度.
• 该元素也是底部对齐的.

最大化浏览器兼容性是否最好为元素设置width像素,或者只使用left和right？

任何方法都需要注意任何常见的错误？

显然,使用left: 0;和right: 0;会使代码在图像的宽度或填充要改变的情况下更容易管理,但没有任何缺点,其中width: 300px将有利于呢？

我在div里面有一个iframe.我希望iframe的大小正好是其父div的大小.我使用以下代码来设置iframe的宽度和高度.

<iframe src="./myPage.aspx" id="myIframe" 
    style="position: relative; 
            height: 100%; 
            width: 100%' 
            scrolling='no' 
            frameborder='0'">

但iframe的宽度与div不同,也显示水平和垂直滚动条.

当其容器具有flex的显示时,将元素设置为flex:50%和宽度:50%之间的区别是什么.结果似乎是一样的:

ul {
  display: flex;
  flex-flow: row wrap;
}

.table a {
  flex: 50%;
  background: grey;
}

.table2 a {
  width: 50%;
  background: grey;
}

<ul class="table">
  <a href="#">ad ds fdsaf dsfa dsfj dsf dsfj lkdsjflkdsa jflkdsja lkfjdslkjfldska jlkfdsajlkdjslkajflkd sjalkfjdslkjdsalkjdlakjfldksjflkdsjflkdsjd fdsd</a>
  <a href="#">b</a>
  <a href="#">c</a>
  <a href="#">d</a>
</ul>

<ul class="table2">
  <a href="#">ad ds fdsaf dsfa dsfj dsf dsfj lkdsjflkdsa jflkdsja lkfjdslkjfldska jlkfdsajlkdjslkajflkd sjalkfjdslkjdsalkjdlakjfldksjflkdsjflkdsjd fdsd</a>
  <a href="#">b</a>
  <a href="#">c</a>
  <a href="#">d</a>
</ul>

http://codepen.io/anon/pen/KAbof

我有一个非常常见的布局问题,我传统上使用表来解决,但是想要一些关于用CSS完成它的建议.我有3个图像组成一个'容器'.左侧和右侧图像通常只使用标签显示,中心图像显示为"背景图像",上面有我的内容,因此内容似乎在容器中.我相信您已经看过/使用了这一百万次:

<table width="100" cellpadding="0"><tr>
<td width="50"><img src="myleftimage" /></td>
<td style="background: url('mymiddleimage');">Content goes here...</td>
<td width="50"><img src="myrightimage" /></td>
</tr></table> 

关于这一点的好处是,表的宽度始终是浏览器(或父级)的宽度,以及内容动态调整大小的中间列,以占用左/右图像之间的剩余空间.

我想要的是使用CSS重新创建这个,尽可能少的硬编码信息.所以像这样:

<div style="float:left; width:100%">
  <div style="width: 50px;float:left;"><img src="myleftimage" /></div>
  <div style="background: url('mymiddleimage');float:left;width:???">Content goes here...</div>
  <div style="width: 50px;float:left;"><img src="myrightimage" /></div>
</div>

这对中间div很有吸引力 - 我设置宽度吗？现在我可以硬编码,比如92%,等等.但是我想要它是自动填充空间.可以只使用CSS吗？

是否可以设置CellTableGWT 的列宽？