我怎么做的时候:
<input type="text" style="width: 10px; padding: 2px"/>
<div style="width: 10px; border: solid 1px black; padding: 2px"> </div>
输入最终比IE6和FF3中的div宽2 px？我错过了什么？
编辑:正如许多人所说,边界是问题.如果我在输入上设置border:0px,它将具有与具有0 px边框的div相同的宽度(通过将其包装在有边界的SPAN中进行验证).
但是,当我测量绘画中的元素时,div的内部空间为14像素,正如预期的那样(10 + 2 + 2).但是,输入内部有16像素,然后是外部边框.为什么是这样？可能不是一个错误,因为它发生在IE6和FF3,但我不明白.
我正在开发一个应用程序,显示对字体宽度非常敏感的ascii arts等信息.我一直在使用等宽字体,但由于信息中存在宽字符(例如中文和日文字符)而不能很好地工作,而textview不会使宽字符与常规字符完全相同.因此,我试图看看是否可以改变textview中字体的宽度,或者是否有更好的方法来解决这个问题？在我的应用程序中安装另一个等宽字体是个好主意吗？任何输入都非常感谢.谢谢.
凯文
我正在尝试根据窗口宽度更改从中读取图像的文件夹.
我有两个包含不同图像大小的文件夹,我想知道是否有人可以根据屏幕宽度给出任何关于如何更改路径的建议.
如果屏幕是常规的<img>,那就像
<img src="images/620x410/image1.jpg" alt="">
如果屏幕处于平板电脑宽度,则会加载
<img src="images/310x205/images1.jpg" alt="">
310X205
image1.jpg
image2.jpg
620X410
image1.jpg
image2.jpg
我正在尝试创建一组三个非常简单的媒体查询来处理各种屏幕尺寸.这是我想出来的一堆头像:
@media all and (min-width: 0px) and (max-width: 480px) { styles here }
@media all and (min-width: 481px) and (max-width: 1023px) { styles here }
@media all and (min-width: 1024px) { styles here }
这可以像我在浏览器中预期的那样工作,但当我指向我的iphone时,它坚持显示中等大小的syles.使用这些数字,我发现只有最大宽度为980px的iphone才会响应该查询中的样式.
请注意,我在这些查询中使用"all"来排除与是否编写"掌上电脑"或"屏幕,手持设备"等有关的任何问题.尝试简化以帮助我理解问题.
我认为它可能与我正在开发的页面的内容有关,所以我创建了一个无内容的测试页面来试图确定问题.它在:
http://rgdaniel.com/test-mediaquery.php
如果我使用桌面浏览器查看该页面,当我调整窗口大小时,它会按预期运行.但iPhone会以980px以下的任何指定最大宽度报告我的"中等分辨率"消息.任何帮助表示感谢,提前谢谢.
我不知道会包含多少.child元素,.parent但我知道它们各自的宽度.
我想设置宽度.parent等于(每个的宽度.child)*(总数.child)
我不想用floats和width: auto;
我可以calc()不使用Javascript 做点什么吗？
**CSS:**
.parent {
height: 100%;
width: calc({number of children} * {width of each child = 100px});
}
.child {
height: 100px;
width: 100px;
}
HTML:
<div class="parent">
<div class="child">
<div class="child">
<div class="child">
</div>
我有一个绑定到SQL表的DataGrid控件.
XAML代码是:
<data:DataGrid x:Name="dg_sql_data"
Grid.Row="1"
Visibility="Collapsed"
Height="auto"
Margin="0,5,5,5"
AutoGenerateColumns="false"
AlternatingRowBackground="Aqua"
Opacity="80"
>
<data:DataGrid.Columns>
<data:DataGridTextColumn Header="Latitude" Binding="{Binding lat}" />
<data:DataGridTextColumn Header="Longitude" Binding="{Binding long}" />
<data:DataGridTextColumn Header="Time" Binding="{Binding time}" />
</data:DataGrid.Columns>
</data:DataGrid>
是否可以增加单列大小以填充数据网格的整个宽度？
谢谢,
亨里克
编辑:Silverlight SDK 4附带宽度为"*"的列.
所以我正在制作一个布局非常有问题的网站.有四个角图像TL,TR,BL和BR由黑色块表示.深橙色区域是主要内容(宽度为960px),外部区域用绿色箭头表示为浏览器窗口.见图:
图http://dotcafedesigns.com/stackoverflow/problem.gif
顶部图像代表最窄的网站 - 如果它大于定义的区域,则不应该允许它比这个(960px)更窄,不应该有滚动条.底部的两个图像代表浏览器的不同宽度.
左下和右下黑色块(图像)应始终位于屏幕的左下角和右下方,除非宽度降至960px,在这种情况下,BL和BR图像应略微进入主区域.如果网站缩小到200px,则BR图像不应该仍然在右侧角落.
在这一点上,我并不真正关心它在IE6中完全正常工作(我可以大致工作)但我甚至无法弄清楚如何在没有Javascript或非常实验性的CSS的情况下完全完成它.目前我正在使用绝对定位的div的哪种工作,但是不能正常工作.
如果没有别的办法,我想我愿意接受一点JS,但我不愿意.
非常感谢!
我为我的一个活动定义了以下布局:
<?xml version="1.0" encoding="utf-8"?>
<TableLayout android:id="@+id/TableLayout01" android:layout_width="fill_parent" android:layout_height="fill_parent" xmlns:android="http://schemas.android.com/apk/res/android">
<TableRow android:id="@+id/TableRow01" android:layout_height="wrap_content" android:layout_width="fill_parent">
<EditText android:text="Resource Name" android:id="@+id/ResourceName" android:lines="1" android:isScrollContainer="false"></EditText>
</TableRow>
<TableRow android:id="@+id/TableRow02" android:layout_height="wrap_content" android:layout_width="fill_parent">
<Button android:id="@+id/Tile" android:text="Tile"></Button>
</TableRow>
</TableLayout>
布局几乎正确呈现,唯一的问题是我的文本框和我的按钮没有占据各自行的整个宽度.
我已经尝试指定fill_parent布局宽度属性,但无济于事,它们仍然只占据屏幕的大约一半.
到目前为止,Android的整体文档一直都很棒,但有一些情况就像这样,我碰到了一堵无形的墙!感谢您的帮助!
1.我是Android编码的新手:)
我所做的是从res/drawable-mdpi加载一个Bitmap
BitmapFactory.decodeResource(getResources(), R.drawable.cat_ground_01);
在我注销Bitmap的宽度/高度后,它告诉我另一个值,然后Bitmap真的是.
有点难以放置Bitmaps pixelperfect,例如将脸部的位图与嘴位图重叠.
也许我只是缺少一些关于这个主题的知识:9我希望你能提供帮助.
是否可以div使用jQuery 更改宽度？如果是的话,怎么样？
我想要的是根据浏览器的窗口宽度实时更改其宽度,因此如果/当用户更改浏览器窗口时,其div尺寸也会实时更改.