标签: text-align
用Java对齐printf输出
我需要显示一个包含数组价格的项目列表,并希望调整价格.我几乎让它工作但需要改进.下面是代码和输出.任何想法如何使所有价格一致？到目前为止有些工作,但有些工作没有.提前致谢.
//for loop
System.out.printf("%d. %s \t\t $%.2f\n",
i + 1, BOOK_TYPE[i], COST[i]);
输出:
1. Newspaper $1.00
2. Paper Back $7.50
3. Hardcover book $10.00
4. Electronic book $2.00
5. Magazine $3.00
推荐指数
解决办法
查看次数
中心h1在屏幕中间
如何将文本水平和垂直居中？我不想使用绝对位置因为我尝试使用它而我的其他div变得更糟.还有另一种方法吗？
div {
height: 400px;
width: 800px;
background: red;
}<div>
<h1>This is title</h1>
</div>
推荐指数
解决办法
查看次数
保证金:自动不在IE中工作
网址:http://cyberbat.co.uk/test容器边距:自动无效,有没有其他方法可以将它放在IE中间.
编辑:再次检查,index.php是错误的文件,我用index.html替换它.
推荐指数
解决办法
查看次数
CSS text-align无效
我这里有这个css代码
.navigation{
width:100%;
background-color:#7a7a7a;
font-size:18px;
}
.navigation ul {
list-style-type: none;
margin: 0;
}
.navigation li {
float: left;
}
.navigation ul a {
color: #ffffff;
display: block;
padding: 0 65px 0 0;
text-decoration: none;
}
我想要做的是集中我的班级导航.我尝试使用text-align:center;,vertical-align:middle;但他们都没有工作.
这是HTML代码
<div class="navigation">
<ul>
<li><a href="http://surfthecurve.ca/">home</a></li>
<li><a href="http://surfthecurve.ca/?page_id=7">about</a></li>
<li><a href="http://surfthecurve.ca/?page_id=9">tutors</a></li>
<li><a href="http://surfthecurve.ca/?page_id=11">students</a></li>
<li><a href="http://surfthecurve.ca/?page_id=13">contact us</a></li>
</ul>
</div><!--navigation-->
当我说它不起作用时,我的意思是文本与左边对齐.
推荐指数
解决办法
查看次数
"text-align:center"在span元素中不起作用
我暂时没有完成HTML和CSS,所以我可能会遗忘一些东西,但由于某种原因,即使在最简单的上下文中,带有"text-align"属性集的"style"标签也不起作用.我将向您展示我所拥有的整个文件,但我的问题只出现在我的两条评论中.不要担心其他的东西; 这是我正在努力的一个小小的激情项目.
所以这是整个文件.我有很多东西,不相关也不重要; 只关注两条评论中的代码.
<!doctype html>
<html>
<head>
<meta charset="utf-8"/>
<title>JSON Generator</title>
<link rel="stylesheet" href="web_mod.css"></link>
</head>
<body bgColor="#E3E3E3">
<!--Start here-->
<span style="text-align: center">Coded by AnnualMelons</span><br>
<!--Finish here-->
<span style="color: red; background-color: #2CE65A">Use this generator to generate the code required to create a JSON message.<br>
Fill in the blanks to generate the code. The generator will guide you through it as you go along. Have fun!</span>
<script>
</script>
</body>
</html>
"由TimesMelons编码"部分应该在中心,但事实并非如此.至少对我而言,事实并非如此.
我知道该文件的其他部分不相关,但我想我可能会告诉你,因为它可能是一个外部问题.
我确定我只是犯了一个愚蠢的错误,因为我暂时没有这样做,但它不起作用......所以是的.我正在使用Firefox作为我的网络浏览器,以防万一.
谢谢!
推荐指数
解决办法
查看次数
CSS:对齐两个元素,在同一行中左右两侧没有浮点数
我试图对齐两个内联元素,一个在左边,一个在右边.我想在不使用花车的情况下完成此任务.
就我而言,我有一个带有跨度和链接的h1.我希望跨度对齐左侧,链接对齐右侧.
h1>span {
text-align: left;
}
h1>a {
text-align: right;
} <h1><span>Align me left</span> <a href="">align me right</a></h1>这是期望的结果:
推荐指数
解决办法
查看次数
CSS中的文本溢出行为,文本对齐的非左值
给出以下HTML:
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore</p>
以下CSS:
p { border: 1px solid red; width: 200px; text-align: right; white-space: nowrap; }
预期渲染会是什么？我期待文本对着para的右手边向上溢出并向左边溢出.在Fx/Safari/Opera中观察到的结果将文本向左对接并向右溢出.使用text-align:center观察到同样的问题; 我希望文本对双方都同样溢出.
CSS2.1和CSS3文本似乎没有指定渲染.
测试链接:http://www.webdevout.net/test？ 0e & raw
推荐指数
解决办法
查看次数
Safari 10.1 - text-align:justify text以RTL语言进入边界之外
我有HTML标记,body元素中有一个文本段落.在CSS样式表中,我添加了:
body {
text-align: justify;
color: black;
background-color: white;
font-size: 23;
letter-spacing:0.05pt;
line-height: 125%;
font-size: 1.25em;
margin: 0.00em 20em;
text-indent: 0em;
font-weight: normal;
font-style: normal;
direction: rtl;
}
当我在Safari 10.1中加载它时,文本超出了正文边框.但旧版Safari(10.0)中的相同标记在Chrome 56.0.2924.87(x86_64)中运行良好.
如何修复标记和样式以使其在新的Safari中工作？
推荐指数
解决办法
查看次数
如何在多行左对齐的同时使单行文本中心对齐？
我使用下面的css来对齐多行时中间和左边的文本,但如何在一行中对齐文本中间和中心？
.my-text {
border: 1px solid black;
width: 400px;
height: 160px;
vertical-align: middle;
display: table-cell;
overflow: hidden;
line-height: 20px;
padding: 20px;
}<div class="my-text">
carpe diem
</div>
<div class="my-text">
carpe diem carpe diem carpe diem carpe diem carpe diem carpe diem carpe diem carpe diem carpe diem carpe diem carpe diem carpe diem carpe diem
</div>推荐指数
解决办法
查看次数
html5 或 css“智能文本流”将句子或段落均匀分布在同样宽的行上？
假设我有一个动态 HTML 元素（aspan或div其他），里面有一个句子或一段文本，如下所示：
现在，如果我把句子稍微长一点，可能需要额外一行，如下所示：
请注意最后一个单词是如何在单独的一行上的。所以前两行已满。从某种意义上说，它们占据了该元素中的全部可用空间。第三行仅包含一个单词，并且大部分内容为空。
我发现这相当令人不安，我想知道是否有一个技巧可以在所有行之间更均匀地分配可用空间。我的意思是这样的：（请注意，这是完全相同的句子）
它应该根据字体和浏览器视图大小以及元素的宽度（可能取决于屏幕分辨率）自动重新流动。
有一些聪明的 HTML5 或 CSS3 方法来实现这一点吗？
在搜索和查找与此问题类似的主题时，我确实找到了text-align: justify我熟悉的属性，但并不是我真正想要的。
text-align: justify倾向于通过增加单词之间的空白来将所有行扩展到包含元素的完整位置。
相反，我真正想要的是重新分配单词的东西，以便所有行都更窄，即不占用所有水平元素空间。以某种方式导致所有线都等宽（或尽可能接近）。
所以我的意思不是这样：（就是这样text-align:justify）
将此与上面的前面的示例进行比较。
推荐指数
解决办法
查看次数