标签: width

我在Android应用程序上面临一个问题.我想在TableLayout中动态创建TableRow.每行中的每一行都需要包含4个TextView.我希望TextView像这样:

• textview1:屏幕的40%
• textview2:屏幕的10%
• textview3:屏幕的10%
• textview5:屏幕的40%

我设法动态创建Tewtview但不考虑大小.例如,如果我的第一个textview包含一个大文本,它将覆盖所有屏幕而不是仅40%和多行.

我读了很多类似的问题,但在这里找不到解决方案.这是我的布局文件:

    <TableLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:stretchColumns="1"
android:layout_marginLeft="10dip"
android:layout_marginRight="10dip"
android:layout_marginBottom="30dip"
android:id="@+id/journee_contenu">

<TableRow>
  <!-- Column 1 -->
  <TextView
     android:id="@+id/tbl_txt1"
     android:layout_width="0dip"
     android:layout_height="wrap_content"
     android:layout_weight="4"
     android:text="aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa"
      />

  <!-- Column 2 -->
  <TextView
     android:id="@+id/tbl_txt2"
     android:layout_width="0dip"
     android:layout_height="wrap_content"
     android:layout_weight="1"
     android:text="bbbbb"
     />

  <!-- Column 3 -->
  <TextView
     android:id="@+id/tbl_txt3"
     android:layout_width="0dip"
     android:layout_height="wrap_content"
     android:layout_weight="1"
     android:text="ccccc"
      />
      <!-- Column 4 -->
  <TextView
     android:id="@+id/tbl_txt4"
     android:layout_width="0dip"
     android:layout_height="wrap_content"
     android:layout_weight="4"
     android:text="ddddddddddddddddddddddddddddddddddddddddddddddd"
      />
</TableRow>

布局创建一个静态选项卡,第一行是我想要的.但动态添加的行的行为方式不同.

我的动态代码:

    TableLayout genLayout = (TableLayout) findViewById(R.id.journee_contenu);
for (MatchWrapper match : matchs) {
    TableRow tr1 = new TableRow(this); …

假设我有一个横向网站(http://toniweb.us/gm2/),在某一点上我想知道有多少水平宽度可用,

我制作了这张照片,因此更容易理解

所以我需要获得EXTRA SPACE的宽度

而我正在尝试这样:

$(window).outerWidth(true)-($('header').outerWidth(true)+$('#nvl1').outerWidth(true)+$('#nvl2').outerWidth(true))

也试过了

$(window).width()-($('header').outerWidth(true)+$('#nvl1').outerWidth(true)+$('#nvl2').outerWidth(true))

但在IE8中,它没有返回相同的值......

然后我需要将它应用到div,我做了这个功能

function rellenarEspacio(){
    if(lte8){
        var w = $(window).width()-($('header').outerWidth(true)+$('#nvl1').outerWidth(true)+$('#nvl2').outerWidth(true))+$('#nvl2').outerWidth(true);
    }else{
        var w = $(window).width()-($('header').outerWidth(true)+$('#nvl1').outerWidth(true)+$('#nvl2').outerWidth(true));
    }

    //alert(w);
    $('.extra').css({'display':'block'});
    $('.extra').css({'width':w});
    return false
}

但没有使用整个空间

知道我错过了什么吗？

我目前有以下HTML:

<div class="clearfix">
   <div style="width:33%;float:left">content</div>
   <div style="width:33%;float:left">content</div>
   <div style="width:33%;float:left">content</div>
</div>

如果一行上有3个div,并且因为我为每个div指定了一个百分比宽度,它们都完全占据父宽度的宽度.我想要实现的是让浮动div自动调整它们的宽度(即没有硬编码百分比宽度),具体取决于线路上存在多少div.例如,如果有2个div,那么每个div将占据父级的整个宽度的一半(即50%).如果有3个div,那么33%.

浮动div有可能吗？如果没有,我可以用什么其他方法来实现这种类型的流体布局？我考虑让父母使用'table'显示,内部div为'table-cell'显示,但是父对象停止占用100%的可用宽度.

我正在尝试为fancybox设置宽度

$("a.loader").fancybox({
    width: 1000,
    height: 1050,
    autoDimensions: false,
    maxWidth : '100%'
});

阅读一些主题,但设置autoDimensions: false,,尝试用px设置宽度,没有它,用逗号和没有它.没有任何帮助,fancybox显示具有相同的widht和高度.

有什么问题？

PS jquery-1.8.2.min.js和jquery.fancybox.pack.js(在2到3周前下载)如果是这样的话.

刚补充说:此外,没有额外的宽度可以应用于其他css或jquery代码的花式框.

例：

<svg width="23" height="22" xmlns="http://www.w3.org/2000/svg">
<!-- Created with SVG-edit - http://svg-edit.googlecode.com/ -->
<g>
<title>Layer 1</title>
<path fill-opacity="0" id="svg_1" d="m23,2-20,9.5l22,9" stroke-width="4" stroke="#000000" fill="#ffffff" />
</g>
</svg>

我想提取svg文件的宽度和高度，以便可以对canvg进行一些定位。

我知道它是xml，但我无法弄清楚。这可能确实很容易，但这是一年的最后一天，我无法弄清楚。

一直在尝试：

PHP SimpleXML

$xml = simplexml_load_file($imageright) or die("Error: Cannot create object");
print_r($xml->getDocNamespaces());echo '</br>';

给我数组（[] => http://www.w3.org/2000/svg）

这也行不通：

foreach($xml->svg[0]->attributes() as $a => $b)
  {
  echo $a,'="',$b,"\"</br>";
  }

有任何想法吗？

我有两个表单元素(文本输入和提交按钮),我想在一行显示,宽度为50%.这不适用于以下HTML/CSS:

HTML

  <form name="newsletter" target="#" method="post" class="group">
    <input name="email" type="text" placeholder="email here..." />
    <input name="submit" type="submit" class="button" value="subscribe" />
  </form>

CSS

* {
    box-sizing:border-box;
}

input[type="text"] {
    margin: 0;
    width: 50%;
    font-size: 0.75rem; /* 16x0.75=12px */
    padding: 0.625em;
    border: 1px solid black;
    border-radius: 0.3125em 0.3125em 0.3125em 0.3125em;
}

input[type="submit"] {
    margin: 0;
    width: 50%;
    font-size: 0.75rem; /* 16x0.75=12px */
    padding: 0.625em;
    border: none;
    border-radius: 0.3125em 0.3125em 0.3125em 0.3125em;
    text-transform: uppercase;
}

将它们设置为display:block或者inline-block也没有帮助.但是,当我把它们都设置为width:50%,float:left并且 …

我没有真正的CSS经验,我没有最好的设计网页,如微软表达.

我的问题很简单,它有些虚荣..新的,

我希望我的页面看起来尽可能对称,所以我希望我的选择选项具有相同的宽度.我搜索过,最好的解决方案是在css上使用width =""选项.那怎么办呢？

有这个例子:

<tr>
        <td><label for="meal">Meal:</label></td>
        <td>
        <select name="meal">
                                        <option selected="selected" value="0">Any</option>
                                        <option value="Breakfast">Breakfast</option>
                                        <option value="Brunch">Brunch</option>
                                        <option value="Lunch">Lunch</option>
                                        <option value="Snack">Snack</option>
                                        <option value="Dinner">Dinner</option>
                                    </select>
        </td>


        <td><label for="cooking">Cooking:</label></td>
        <td>
        <select name="cooking">
                                        <option selected="selected" value="0">Any</option>
                                        <option value="Baked">Baked</option>
                                        <option value="BBQ">Barbecque</option>
                                        <option value="Boiled">Boiled</option>
                                        <option value="Dfried">Deep Fried</option>
                                        <option value="Grilled">Grilled</option>
                                        <option value="Steamed">Steamed</option>
                                    </select>
        </td>

我现在使用这些代码来实现页面两侧的边框.

<style>
body {
border-left: 168px solid #F5E5D6;
border-right: 168px solid #F5E5D6;
}
</style>

我的屏幕分辨率看起来很棒.不幸的是,对于其他分辨率,页面将变形.那么也许知道如何将"168px"更改为屏幕的9%？

我必须创建一个具有以下结构的页面:

RED部分宽度= 100%,蓝色(和绿色)部分宽度为885px.

我想创建不同的宽度,一些宽度= 885px,其他宽度为980px ...但我认为这不是正确的方法......事实上如果我必须改变宽度,例如从885px到980像素

我认为另一个解决方案可能是div ...第一个宽度为100%; 第二个,在第一个内部,宽度为885px.但我认为将绿色div放在背面红色的同一高度/顶部可能很困难.

您将采用哪种方法来实现目标？

谢谢

我使用以下代码填充我的PdfPTable:

  public PdfPTable GetTable(List<hsp_Narudzbe_IzdavanjeFakture4_Result> proizvodi)
    {
        PdfPTable table = new PdfPTable(5);
        table.WidthPercentage = 100F;
        table.DefaultCell.UseAscender = true;
        table.DefaultCell.UseDescender = true;
        Font f = new Font(Font.FontFamily.HELVETICA, 13);
        f.Color = BaseColor.WHITE;
        PdfPCell cell = new PdfPCell(new Phrase("Stavke narudžbe: ", f));
        cell.BackgroundColor = BaseColor.BLACK;
        cell.HorizontalAlignment = Element.ALIGN_CENTER;
        cell.Colspan = 5;
        table.AddCell(cell);
        for (int i = 0; i < 2; i++)
        {
            table.AddCell("Redni broj");
            table.AddCell("Proizvod");
            table.AddCell("Cijena");
            table.AddCell("Šifra proizvoda");
            table.AddCell("Kolicina");
        }
        table.DefaultCell.BackgroundColor = BaseColor.LIGHT_GRAY;
        table.HeaderRows = 3;
        table.FooterRows = 1;
        int broj = 0;
        table.DeleteLastRow(); …