标签: margin
CSS:如何制作保证金:0px自动工作
我试图将图像置于另一个块内:
html代码如下所示:
<ul>
<li>
<a href="/article/japanese-culture-one/">
<img src="/site_media/upload/fushimi-inari-fox_jpg_200x200_q85.jpg"
alt="?????? ????? - ???? ?? ??????????
?????????? ?????? ?????"/> </a> <br />
<a href="/article/japanese-culture-one/"
class="article_title">??????? ?
???????? ??????. ????? ??????</a>
<p>????????????? ?? ?????????? ????
?????? ???????? ?????????????
?????????? ????????, ??????????
????????? ???????? ????? ????????????
? ????????????? ????? ????????.
??????? ? ???????? ??????, ??????? ??
????? ...</p> </li> .....
</ul>
我想要做的是将图像放在li的中心.(见http://img.skitch.com/20091128-xf36n8ekhpxyi5rdgnuqrtw36a.png)
css看起来像这样:
ul#related{
list-style:none;
margin-top: 280px;
}
ul#related li{
float:left;
width:30%;
height: 500px;
margin:5px;
}
ul#related li a img{
border:1px solid …1
推荐指数
推荐指数
1
解决办法
解决办法
1万
查看次数
查看次数
CSS <li>的填充和边距根本就不起作用
我正在这个网站上工作,我有一个非常大的.css文件.由于某种原因,我不能让这些列表项具有除0px以外的任何填充或边距.
我不知道从哪里继承这个,以及为什么我写作
{
margin: 5px;
padding: 5px;
}
什么也没做!
这是一个网站,我指的是一个非常丑陋,明亮的绿色元素,类别为".wiffleMainNav ul li".
CSS规则位于链接样式表的底部.
非常感谢!
氮杂
1
推荐指数
推荐指数
1
解决办法
解决办法
5568
查看次数
查看次数
SWT复合对齐
我想知道SWT Composite对象的常规/常用做法是什么.
我发现每当我添加一个Composite(带有任何UI示例:TextBox或Button)时,在Composite中创建的UI不会与Composite的起始边缘对齐.(您可以通过设置Composite的背景颜色来观察)
在TextBox UI之前,Composite内部有一些空格/填充.如果未在Composite中创建先前的UI,则会导致我正在创建的GUI表单中的未对齐.
我想知道使它们对齐的常见做法是什么？通过设置一些负填充来向后移动Composite,使其中的UI看起来像是对齐的？
示例代码如下!
public static void main(String[] args) {
Display display = new Display();
Shell shell = new Shell(display);
GridLayout layout = new GridLayout();
layout.numColumns = 1;
layout.makeColumnsEqualWidth = false;
shell.setLayout(layout);
Text t1 = new Text(shell, SWT.SINGLE | SWT.BORDER);
t1.setText("Test box...");
Composite c = new Composite(shell, SWT.NONE);
// c.setBackground(new Color(shell.getDisplay(), 255,0,0));
layout = new GridLayout();
layout.numColumns = 2;
layout.makeColumnsEqualWidth = true;
c.setLayout(layout);
Text t2 = new Text(c, SWT.SINGLE | SWT.BORDER);
t2.setText("Test box within Composite... not aligned …1
推荐指数
推荐指数
1
解决办法
解决办法
6325
查看次数
查看次数
CSS:H1之后的H2的底部边距
我正在寻找一种方法,在h1和h2直接相互跟随的情况下,给H1提供更多利润率(或H2更多利润率).因此,在#1的情况下,应该应用正常的边距,但是在#2的情况下,我喜欢稍微改变边距(以在H1和H2之间提供更多的"空气").尝试使用h1 h2 {margin ...}和h1> h2 {margin ...},但到目前为止还没有成功.
情况1
<h1>heading 1</h1>
<p>text</p>
<h2>heading 2</h2>
<p>text</p>
案例#2
<h1>heading 1</h1>
<h2>heading 2</h2>
<p>text</p>
1
推荐指数
推荐指数
2
解决办法
解决办法
4758
查看次数
查看次数
如何使span元素正确地工作？
我有一个span元素,我希望它出现在页面的右上角.为此,我用过margin-right:10px.但它没有显示效果.在哪里margin-left工作.为什么是这样？如何使span元素出现在页面的右侧？
1
推荐指数
推荐指数
1
解决办法
解决办法
4919
查看次数
查看次数
为什么我的html页面上有不必要的保证金？
我不断得到不需要的上边距,不能删除它,我尝试了一切,这也影响了我的其他项目之一,可以找到任何解决方案.请帮助我的html:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Joy The Designert</title>
<link href="style1.css" rel="stylesheet" type="text/css" />
</head>
<body topmargin=0 marginheight=0>
<div id="Wrapper">
<div id="topBanner"><div class="container"><h2>top banner content</h2></div></div>
<div id="nav"><div class="container">Navigation Text<?include ("navigation.php");?></div></div>
<div id="featured"><div class="container"></div></div>
<div id="info"><div class="container">test</div></div>
<div id="support"><div class="container">test</div></div>
<div id="footer"><div class="container">testing footer<?include ("footer.php");?></div></div>
</div>
</body>
</html>
并且我的css内容:
@charset "utf-8";
/* CSS Document */
html {
margin:!important 0px;
padding:0px;
}
body {
margin-top:!important 0px;
margin-left:0px;
margin-right:0px;
margin-botton:0px;
padding:0px;
border:none; …1
推荐指数
推荐指数
1
解决办法
解决办法
4876
查看次数
查看次数
CSS的布局问题
我在CSS中进行布局时遇到了一些问题.这是我正在谈论的代码:小提琴.
- 该
<div id="header">应有的高度,<div id="menubuttons">这是我标记为红色.我一直认为,如果你没有陈述div的高度,它将获得它的孩子的高度. - 该
<div class="contentLine>粘在<div id="theme">我虽然定义margin-top: 20px;. - 右列的余量始终大于左列.我希望两者都与浏览器窗口具有相同的余量.
CSS
body {
margin: 0 auto;
padding: 0;
font-family:'Share', cursive;
}
#header {
width: 100%;
vertical-align: middle;
}
#header_logo {
width:;
float: left;
margin: 11px 20px 20px 20px;
background-color:;
}
#menubuttons {
margin-right: 0;
margin-top: 0;
height: 2.5em;
line-height: 2.5em;
display: inline-block;
background-color: red;
}
#menubuttons ul {
list-style-type: none;
margin:0;
padding:0;
}
#menubuttons li {
float: left;
margin-right: …1
推荐指数
推荐指数
1
解决办法
解决办法
80
查看次数
查看次数
去掉上一个孩子的保证金
我的代码在这里:
HTML
<nav id="pages">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Donate</a></li>
<li><a href="#">Video</a></li>
<li><a href="#" class="last">Contact</a></li>
</ul>
</nav> <!-- end pages -->
CSS
#pages{
position: absolute;
right: 0;
top: 70px;
ul li{
float: left;
margin-right: 5px;
a{
color: @link-color;
display: block;
padding: 0 10px;
border-radius: 5px;
font-weight: bold;
}
}
}
.last{
margin-right: 0;
}
我为最后一个孩子添加课程"最后"以删除保证金但不受影响.我不使用:last-child因为它不会与IE6或IE7一起使用.希望有人帮忙？
1
推荐指数
推荐指数
3
解决办法
解决办法
6100
查看次数
查看次数
UL保证金不起作用
我添加到列表中ULS此页面上的利润率在这里是行不通的,如果任何有任何想法:
ul {
font-size: 0;
margin: 2em 0;
}
<ul>
<li>List Item 1</li>
<li>List Item 2</li>
<li>List Item 3</li>
</ul>
1
推荐指数
推荐指数
1
解决办法
解决办法
532
查看次数
查看次数
如何删除TextBox wpf上的内部填充？
我创建了一个文本框。
在文本下方有一个空白处。
在图片中，红线。
如何删除内部填充？
1
推荐指数
推荐指数
1
解决办法
解决办法
2226
查看次数
查看次数