我有这个结构:
<div class="father">
This string is left-aligned
<div class="divToCenter" style="display:inline-block;">
//contains other divs.I used inline block for making this div as large as
//content ATTENTION: its width is not fixed!
</div>
</div>
怎么说呢
让我只有名为"divToCenter"的类以"father"div为中心.
谢谢
卢卡
我想要一个h2元素,并跨越它的div的宽度跨越它的文本.
text-align:justify;
只有传播文本,如果它的宽度比它的容器的宽度......有点像Photoshop的理由左
我有详细模式的Listview有3列.我想将标题的文本对齐设置为"居中".这适用于最后两列但不适用于第一列.如果我想将其更改为"center"并单击"center",则该字段将保持设置为"left".我可以使用属性更改此属性,还是需要对此进行编程？
谢谢.
请考虑以下事项:( 现场演示)
HTML:
<div contenteditable></div>
CSS:
div {
text-align: right;
}
div 在Firefox中单击时,光标位于左侧(看起来text-align: right;没有效果).但是,如果您开始输入,则text-align: right;开始生效.
这是为什么？任何想法如何解决这一问题？
我有一个像这样的html结构:
<div class="campain">
<div class="campainText">
<a href="#"><h2>Ny app til iPhone og iPad</h2></a>
<a href="#"><h2>Tips og vinn</h2></a>
</div>
<div class="campainPicture">
Picture goes here
</div><div class="clear"></div>
</div>
而且我希望campainText能够正确对齐.这个元素的CSS是这样的:
font-family: 'Spinnaker', sans-serif;
font-size: 17px;
color: #FFFFFF;
background-color: #A2AD00;
display: table;
padding: 4px;
margin: 4px 4px 4px 4px;
text-decoration: none;
我知道css的其余部分正在工作.问题是如果我在display-field中包含table-option,则文本是左对齐的.一旦我删除它,它按预期工作.有没有解决方法,或者我必须使用display:inline和<br />tags？
我有一个太窄而不能文本对齐的div:对齐(间隙太宽),但在右对齐或左对齐时看起来不均匀,因为在行的末尾有一个很大的间隙.左对齐看起来最好,但我可以使用连字符,就像在书中一样吗？使用CSS？
我一直在寻找大约45分钟,但在这里找不到我的问题的解决方案.我想要我的gallery类div(这些将动态创建)以仅使用css规则将它们自动对齐gallery_container div的中心.我正在学习,所以任何解释都会有所帮助!
提前致谢!
<head>
<style>
#gallery_container{
text-align: center;
width:100%;
overflow: auto;
background:orange;
}
.gallery{
text-align: left;
border-style: solid;
border-width:3px;
border-top-left-radius: 40px;
border-bottom-right-radius: 40px;
background:yellow;
width:335px;
padding:20px;
float:left;
margin:15px;
}
.gallery h2{
margin-top:0;
}
.gallery img{
height:120px;
width:160px;
float:right;
}
</style>
<body>
<div id ='content_gallery'>
<h2>Gallery</h2>
<div id='gallery_container'>
<div class = gallery>
<img src = 'bowling_01.png'>
<h2>Company bowling</h2>
<h4>Date: June 14, 2013</h4>
<p>The company heads to Boca Bowl for our monthly bowling event!</p>
</div>
<div class = gallery>
<img src = …我碰到了一个特定于IE的问题,我无法解决这个问题.
可以在此笔中看到以下HTML和CSS .
<div id="container">
<div class="dummy">Dummy</div>
<nav>
<div id="right">
<ul>
<li>Lorem ipsum <img src="http://placehold.it/80x40"> dolor sit amet.</li>
<li>Anal natrach, ut vas petat, <img src="http://placehold.it/80x40"> doriel dienve.</li>
</ul>
<div class="dummy">Dummy</div>
<div class="dummy">Dummy</div>
</div>
</nav>
</div>
/* RESET */
* { margin: 0; padding: 0; vertical-align: top; }
ul { list-style: none; }
/* MARKUP */
#container {
line-height: 0;
font-size: 0rem;
text-align: justify;
text-justify: distribute-all-lines;
} …我到处都看到这个帖子，没有真正的帮助，或者它被无缘无故地关闭，除了版主觉得它在未来“没有帮助”，尽管谷歌得出了一个很好的结果，总结了大约 55,000 多个相关结果。
那么，为什么 padding-right 不能与父级一起使用，而文本对齐右子级呢？
.rightcbar {
display: block;
font-family: 'Roboto', sans-serif;
text-shadow: 0px 0px 20px #dbd69d;
padding-right: 50px;
height: 152px;
width: 592px;
line-height: 152px;
background: url(rightcbar.png) no-repeat;
}
.rightcbar .rightctext {
display: inline-block;
width: 100%;
text-align: right;
font-size: 25px;
color: #f3f1de;
font-size: 25px;
font-family: 'Roboto', sans-serif;
text-shadow: 0px 0px 10px #aaa;
-webkit-font-smoothing: subpixel-antialiased;
}
超文本标记语言
<div id="rightc">
<div class="rightcbar">
<div class="rightctext">Test</div>
</div>
<div class="rightcbar">
<div class="rightctext">Test</div>
</div>
<div class="rightcbar">
<div class="rightctext">Test</div>
</div>
</div>
Smeegs 帮助准确解释了为什么事情没有按照我下面的意图进行；如果你感兴趣。这是修改后的工作代码。
.rightcbar {
display: …我想显示一个像这样的短文本对齐中心句子。
<p style="font-size: 13px; text-align: center; width: 600px;">
This is a variable-length sentence which is sometimes only a few words and sometimes up to three lines long.
</p>
这是一个可变长度的句子，有时只有几个单词，有时长达三行。
现在发生的情况是，由于宽度的原因，最后两个单词“lines long”落在段落的下一行。在居中对齐中，这看起来相当难看。我当前解决此问题的方法是在正确的位置手动插入中断。
<p style="font-size: 13px; text-align: center; width: 600px;">
This is a variable-length sentence which is sometimes<br/>only a few words and sometimes up to three lines long.
</p>
这是一个可变长度的句子，有时
只有几个单词，有时长达三行。
一直这样做会变得很累。HTML 有没有办法自动执行此操作？那么基本上首先让“p”元素确定显示文本所需的最小行数，然后在保持相同行数的情况下尽可能水平缩小它？