标签: spacing
在容器视图中均匀分隔多个视图
自动布局让我的生活变得困难.从理论上讲,当我切换时它会非常有用,但我似乎总是在打架.
我做了一个演示项目试图找到帮助.有没有人知道如何在调整视图大小时使视图之间的间距均匀增加或减少？
这是三个标签(手动间隔垂直):
我想要的是让他们在旋转时均匀地调整间距(而不是视图大小).默认情况下,顶视图和底视图朝中心方向挤压:
推荐指数
解决办法
查看次数
Android:TextView:删除顶部和底部的间距和填充
当我在文本中有a TextView时\n,在右边我有两个singleLine TextViews,一个在另一个之下,两者之间没有间距.我为所有三个人设置了以下内容TextView.
android:lineSpacingMultiplier="1"
android:lineSpacingExtra="0pt"
android:paddingTop="0pt"
android:paddingBottom="0pt"
左边的第一行TextView与右上角完美排列TextView.
左边TextView的第二行略高于右下角的第二行TextView.
似乎在TextViews 的顶部和底部有某种隐藏的填充.我怎么能删除它？
推荐指数
解决办法
查看次数
在Firefox中删除额外的按钮间距/填充
请参阅以下代码示例:http://jsfiddle.net/Z2BMK/
Chrome/IE8看起来像这样
Firefox看起来像这样
我的CSS是
button {
padding:0;
background:#080;
color:white;
border:solid 2px;
border-color: #0c0 #030 #030 #0c0;
margin:0;
}
如何在两个浏览器中更改代码示例以使按钮相同？我不想使用基于JavaScript的超链接,因为它们不能与键盘上的空格键一起使用,并且它必须具有href不是处理事物的干净方式的URL.
我的解决方案,因为Firefox 13
button::-moz-focus-inner { margin: -1px; padding: 0; border-width: 1px; }
推荐指数
解决办法
查看次数
thead和tbody之间的间距
我有一个像这样的简单html表:
<table>
<thead>
<tr><th>Column 1</th><th>Column 2</th></tr>
</thead>
<tbody>
<tr class="odd first-row"><td>Value 1</td><td>Value 2</td></tr>
<tr class="even"><td>Value 3</td><td>Value 4</td></tr>
<tr class="odd"><td>Value 5</td><td>Value 6</td></tr>
<tr class="even last-row"><td>Value 7</td><td>Value 8</td></tr>
</tbody>
</table>
我想通过以下方式设计它:
- 带有框阴影的标题行
- 标题行和第一个正文行之间的空格
我尝试了不同的东西:
table {
/* collapsed, because the bottom shadow on thead tr is hidden otherwise */
border-collapse: collapse;
}
/* Shadow on the header row*/
thead tr { box-shadow: 0 1px 10px #000000; }
/* Background colors defined on table cells */
th { background-color: #ccc; }
tr.even td …推荐指数
解决办法
查看次数
Flexbox项之间的间距
推荐指数
解决办法
查看次数
justify-content属性不起作用
我有一个奇怪的问题,我遇到了麻烦.所以我一直在研究使用flexbox的原型html5模板.虽然我遇到了一个小问题.我正在尝试通过将"justify-content"属性应用于父div来向模板的侧边栏和内容区域留出一小块空间.虽然它没有在侧边栏和内容区域之间添加空格.我不确定我做错了什么.所以,如果有任何可以帮助我,这将是伟大的.提前致谢!
这是我的HTML:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script src="../scripts/javascript/responsive_drop_down.js"></script>
<link href="../css/protoflexcss.css" rel="stylesheet" type="text/css" media="screen"/>
<title>Welcome to My Domain</title>
</head>
<body>
<header>
<h1>This is a placeholder <br />
for header</h1>
</header>
<nav class="main">
<div class="mobilmenu"></div>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Video</a></li>
<li><a href="#">Pictures</a></li>
<li><a href="#">Audio</a></li>
<li><a href="#">Other Work</a></li>
<li><a href="#">About Me</a></li>
<li><a href="#">Contact Me</a></li>
</ul>
</nav>
<div id="wrapper">
<article class="content-main">
<section>
<h2>Heading goes here...</h2>
<time datetime="2014-05-21T02:43:00">Officialy Posted On May 21<sup>st</sup> 2:35 A.M.</time>
<p>Content will go …推荐指数
解决办法
查看次数
div的中心文字？
我有一个div 30px高和500px宽.这div可以包含两行文本,一行在另一行之下,并相应地设置样式(填充).但有时它只包含一行,我希望它居中.这可能吗？
推荐指数
解决办法
查看次数
DIV容器内的HTML图像底部对齐
我有一个固定高度的div标签.大多数图像具有相同的高度和宽度.
我想对齐div底部的图像,以便它们排列整齐.这是我到目前为止:
<div id="randomContainer">
<div id="imageContainer">
<img src="1.png" alt=""/>
<img src="2.png" alt=""/>
<img src="3.png" alt=""/>
<img src="4.png" alt=""/>
</div>
<div id="navigationContainer">
<!-- navigation stuff -->
</div>
</div>
CSS看起来像:
div#imageContainer {
height: 160px;
vertical-align: bottom;
display: table-cell;
}
我设法在与底部对齐图像display: table-cell和vertical-align: bottomCSS属性.
有没有更简洁的方法将div显示为表格单元格并对齐DIV标签底部的图像？
推荐指数
解决办法
查看次数
如何更改UILabel/UIFont的字母间距？
我已经搜索了负载,但找不到答案.
我有一个正常的UILabel,这样定义:
UILabel *totalColors = [[[UILabel alloc] initWithFrame:CGRectMake(5, 7, 120, 69)] autorelease];
totalColors.text = [NSString stringWithFormat:@"%d", total];
totalColors.font = [UIFont fontWithName:@"Arial-BoldMT" size:60];
totalColors.textColor = [UIColor colorWithRed:221/255.0 green:221/255.0 blue:221/255.0 alpha:1.0];
totalColors.backgroundColor = [UIColor clearColor];
[self addSubview:totalColors];
我希望字母之间的水平间距更紧,同时保持字体大小.
有没有办法做到这一点？这应该是一件非常基本的事情.
干杯,安德烈
更新:
所以我被迫这样做:
- (void) drawRect:(CGRect)rect
{
CGContextRef context = UIGraphicsGetCurrentContext();
CGContextSelectFont (context, "Arial-BoldMT", 60, kCGEncodingMacRoman);
CGContextSetCharacterSpacing (context, -10);
CGContextSetTextDrawingMode (context, kCGTextFill);
CGContextSetRGBFillColor(context, 221/255.0, 221/255.0, 221/255.0, 221/255.0);
CGAffineTransform xform = CGAffineTransformMake(1.0, 0.0, 0.0, -1.0, 0.0, 0.0);
CGContextSetTextMatrix(context, xform);
char* result = malloc(17);
sprintf(result, …推荐指数
解决办法
查看次数
如何调整rightBarButtonItems中两个UIBarButtonItem之间的空间
我使用以下代码将两个按钮添加到self.navigationItem.rightBarButtonItems,我认为在iOS7中,两个按钮之间的空间太宽,有没有办法减少这两个按钮之间的空间？
UIBarButtonItem *saveStyleButton = [[UIBarButtonItem alloc] initWithImage:[UIImage imageNamed:@"save.png"] style:UIBarButtonItemStyleBordered target:self action:@selector(saveStyle)];
UIBarButtonItem *shareStyleButton = [[UIBarButtonItem alloc] initWithBarButtonSystemItem:UIBarButtonSystemItemAction target:self action:@selector(shareStyle)];
NSArray *arr= [[NSArray alloc] initWithObjects:shareStyleButton,saveStyleButton,nil];
self.navigationItem.rightBarButtonItems=arr;
欣赏任何提示或想法.
推荐指数
解决办法
查看次数