我以编程方式创建了10个按钮,并在按钮中设置了标题.现在我想动态增加按钮框架大小,它取决于文本.
我给出了一些条件并设置了帧大小.但是我如何设置确切的帧大小取决于文本(动态获取文本).
这是我的示例代码,
float x=0, y=0, w, h=20;
for(int i = 100; i < 110; i++)
{
btn = [[UIButton buttonWithType:UIButtonTypeRoundedRect] retain];
UIImage * img = [UIImage imageNamed:@"Round_Rect4.png"];
[btn setBackgroundImage:img forState:UIControlStateSelected];
titleString = [titleArray objectAtIndex:i-100]; // get button title
if([titleString length] <= 5)
{
w = 50;
btn.frame = CGRectMake(x,y,w,h);
x = x + 70;
}
if (([titleString length] >= 6) && ([titleString length] <=10))
{
w = 70;
btn.frame = CGRectMake(x,y,w,h);
x = x + 90;
}
if(([titleString length] …我有一个WPF UserControl,上面有两个网格.底部网格位于ScrollViewer中.我们的想法是让第一个Grid成为第二个Grid的标题.但是我的列宽度有问题.两个网格都应该占用它们可以占用的所有空间(窗口的宽度),但顶部网格当然应该稍微宽一点,因为底部网格右侧有一个滚动条.
这是我得到的简化Xaml:
<UserControl>
<DockPanel>
<Grid DockPanel.Dock="Top">
<Grid.ColumnDefinitions>
<ColumnDefinition Width="*" />
<ColumnDefinition Width="*" />
<ColumnDefinition Width="*" />
</Grid.ColumnDefinitions>
</Grid>
<ScrollViewer>
<Grid>
<Grid.ColumnDefintions>
<ColumnDefinition Width="*" />
<ColumnDefinition Width="*" />
<ColumnDefinition Width="*" />
</Grid.ColumnDefintions>
</Grid>
</ScrollViewer>
</DockPanel>
</UserControl>
这实际上很好,除了顶部网格的最右边的列延伸到滚动条上,我想避免它.
以下是结果的图像:网格列和滚动条的宽度.红色表示列/单元格现在的位置,但我希望它停在蓝线处.我已经尝试过SharedSizeGroups,但这似乎让我的网格再次变小(不占用窗口的整个空间).
如何在jQueryMobile中将输入类型宽度设置为100%？与输入类型按钮相同.
谢谢.
我有以下HTML,带有"span"标记,其中包含一个"输入"字段和一个"span"标记并排:
<span class="container">
<input name="firstName" id="firstName" type="text">
<span class="tip">Enter your first name</span>
</span>
我希望子"span"标签可以拉伸以填充"输入"文件右侧和其父"span"标签右侧之间的可用区域.我不希望它填充父"span"标签的整个区域,因此挤满了"输入"字段.这可能与CSS有关吗？
这是我目前的CSS,如果有帮助:
span.container {
font-size:14px;
border:1px solid #22C3EB;
border-radius:5px;
padding:0px 10px 0px 10px;
width:200px;
display:block;
}
input[type="text"], input[type="password"], textarea {
background: none;
border: none;
width:200px;
font-size:14px;
padding:11px 10px 11px 0px;
}
span.tip {
position:absolute;
top:inherit;
padding:11px 0px 11px 10px;
display:none;
}
感谢您的时间,
spryno724
我有两个div,每个都有50%的宽度.我想做到这一点,以便悬停的div扩大到70%,另一个减少到30%.当鼠标移出时,它们各自返回50%.我写了一个脚本,但它没有给出正确的结果.宽度是流动的,因此需要调整到所有窗口大小.我怎么能让这项工作正确？
由于鼠标悬停功能无法正常运行,我还没有编写mouseout功能.
现在它是如何工作的:http: //jsfiddle.net/kYZyp/
这是我的代码:
<div id="left" class="content_left"></div>
<div id="right" class="content_right"></div>
这是我的div的css
.content_left {
width:50%;
top:0px;
left:0px;
bottom:0px;
background:url(wedding.jpg) left center no-repeat;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
filter: alpha(opacity=90);
-moz-opacity:0.9;
-khtml-opacity: 0.9;
opacity: 0.9;
}
.content_right {
width:50%;
top:0px;
right:0px;
bottom:0px;
background:url(events.jpg) right center no-repeat;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
filter: alpha(opacity=90);
-moz-opacity:0.9;
-khtml-opacity: 0.9;
opacity: 0.9;
}
我正在使用这个脚本:
<script>
$("#left").mouseover(function(){
$("#left").animate({
width: "70%",
opacity: 1
}, 1500 );
$("#right").animate({
width: "30%"
}, 1500 );
});
$("#right").mouseover(function(){
$("#right").animate({
width: "70%",
opacity: 1
}, 1500 );
$("#left").animate({ …我正在尝试创建一个内部有3个div的div.
.outter
{
right: 100px;
border: 10px solid white;
}
.main
{
overflow: hidden;
width: 100%;
height: 150px;
}
.left
{
float: left;
width: 40%;
height: 100%;
background-color: green;
border-right: 5px solid white;
}
.center
{
float: left;
width: 40%;
height: 100%;
background-color: red;
border-left: 5px solid white;
border-right: 5px solid white;
}
.right
{
float: right;
width: 20%;
height: 100%;
background-color: orange;
border-left: 5px solid white;
}
<div class="outter">
<div class="main">
<div class="left">
</div>
<div class="center">
</div>
<div class="right"> …我在c#WinForms应用程序中有一些控件(组框,表格,gridview等),我想根据屏幕宽度/高度来缩放它们.
例如,屏幕从让我们说640x480开始,然后它最大化到1920x1200.
我不能增加控件的宽度/高度,以便在窗口重新调整大小后它们看起来完全相同.
如果不手动设置每个宽度/高度属性,最好的方法是什么？
我在使用Chrome浏览器的android上遇到了问题
我在css做的是:
html{
max-width: 100%;
height: 100%;
width: 100%;
overflow: hidden;
position: relative;
}
body{
background-color: rgba(101,122,151,0.8);
margin: 0px;
width: 100%;
overflow: hidden;
position: relative;
}
header {
width: 100%;
min-width: 100%;
color: yellow;
font-size: 40px;
text-align: left;
}
并在javascript我打印身体和标题的宽度
alert($('header').width());
alert($('body').width());
它显示我的身体宽度是980,标题宽度是340但我不明白为什么.有人能帮我吗？谢谢
我有一个非常非常大的文本文件,我正在使用具有各种大小的缩进的行.那些可接受的行具有12个字符宽度的缩进,这些缩进是由制表符和空格的组合创建的.现在我想得到所有没有12个字符宽度缩进的行,并且这些行具有从制表符和空格字符组合的0到11个字符宽度的缩进.
if $badLine !~~ m/ ^^ [\s ** 12 ||
\t \s ** 4 ||
\s \t \s ** 3 ] / { say $badLine; }
但问题是,当您使用文字处理器处理文本文件时,按Tab键可以为您提供0到8 space-char-width的任何位置以填补空白.什么是一种聪明的方法来获得所有那些没有12个字符宽度缩进的不可接受的行？
谢谢.