我有一个textarea,我希望它是合理的,以便所有行的宽度相等,并且在未达到最大行长的情况下,以文本为中心位于textarea的中间。
这是我的文本区域:
<textarea class="Whiteboard" type="text" placeholder="Type something..."></textarea>
...和CSS:
textarea.Whiteboard{
resize: none;
background-color: #F1F1F1;
border: none;
height: 500px;
width: 800px;
text-align: center;
font-size: 50px;
}
谢谢你们!
不幸的是,在撰写本文时,尚无具体的CSS解决方案来实现所需的结果。
但是,CSS 3级在名称下引入了一项功能,text-align-last
用于处理块最后一行的对齐方式:
此属性描述了在强制换行符之前对齐块或行的最后一行的方式。
但是它仍然处于工作草案状态。因此,浏览器支持不足以依靠该技术(Chrome 35上仍然存在问题,仅在Firefox 12+上有效)。
这是一个我无法验证的示例(由于我的FF4。是的!让我感到羞耻):
textarea {
white-space: normal;
text-align: justify;
-moz-text-align-last: center; /* Firefox 12+ */
text-align-last: center;
}
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句