对齐并居中<textarea>文本HTML / CSS?

詹姆斯·休伊特

我有一个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用于处理块最后一行的对齐方式:

7.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] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

文本垂直居中对齐CSS

来自分类Dev

如何居中对齐文本?CSS

来自分类Dev

文本在CSS中居中对齐或左对齐或左对齐,右对齐不居中

来自分类Dev

html css 外层 div 文本居中对齐,内 div 文本左对齐

来自分类Dev

HTML / CSS向左对齐,但保持居中

来自分类Dev

HTML / CSS向左对齐,但保持居中

来自分类Dev

左对齐textarea的文本

来自分类Dev

在“ textarea”附近对齐文本

来自分类Dev

使用CSS将按钮中的多行文本居中对齐

来自分类Dev

使用媒体屏幕在Mobile中的CSS中居中对齐文本

来自分类Dev

css / html-网格十六进制中的居中对齐文本不起作用

来自分类Dev

HTML / CSS-居中对齐UL导航菜单

来自分类Dev

HTML / CSS用float将居中对象对齐

来自分类Dev

在页脚HTML和CSS中将水平对齐的图像居中

来自分类Dev

HTML / CSS-左对齐并居中同一行

来自分类Dev

如何使用HTML和CSS居中对齐社交媒体标签

来自分类Dev

HTML/CSS - 左对齐并居中在同一行

来自分类Dev

Bootstrap Textarea对齐右CSS

来自分类Dev

带有文本的自适应透明重叠式css圆,垂直对齐并居中对齐

来自分类Dev

居中对齐UILabel文本?

来自分类Dev

TextView 文本居中对齐

来自分类Dev

按钮文字与CSS居中对齐

来自分类Dev

CSS:将菜单居中对齐

来自分类Dev

ul与CSS的动态居中对齐

来自分类Dev

CSS-如何实现“向左浮动”和“文本对齐:居中”的混合效果?

来自分类Dev

不同尺寸的缩放和居中图像,CSS中的文本右对齐

来自分类Dev

CSS-如何实现“向左浮动”和“文本对齐:居中”的混合效果?

来自分类Dev

模式框的段落文本未使用 css 和 asp.net 居中对齐

来自分类Dev

如何使文本右对齐,但div居中对齐?

Related 相关文章

热门标签

归档