css - 文本对齐证明不起作用?

标签 css

我在一个网站上工作,我有这个 CSS:

#aboutMe
{
    position:relative;
    left:20px;
    top:20px;
    behavior: url(/PIE.htc);
    -webkit-border-radius: 400px;
    -moz-border-radius: 400px;
    border-radius: 400px;
    background:#48c7ff;
    width:400px;
    height:400px;
    font-family:'Ciclef';
    color:#e9e9e9;
    padding:35px;
    line-height:25px;
}

#aboutMe p
{
    text-align:justify;
    font-size:16px;
}

但是,文本没有对齐,它是左对齐的。我该如何解决这个问题?

这是网站:http://ibdesigns.net23.net/

“关于我”圆圈(大约在页面中间)是给我带来麻烦的段落。

最佳答案

该文本是 justified .对齐段落中的最后一行不会被拉伸(stretch)(或压缩)以适合该行。

为了让它看起来更好(在支持 text-align-last 的 CSS3 浏览器中),你可以这样做:

text-align:justify;
text-align-last:center;
/* for IE9 */
-ms-text-align-last:center;

关于css - 文本对齐证明不起作用?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10769262/

相关文章:

html - 将多个 div 对齐

javascript - 图标在 Leaflet Easy Button 中的位置

javascript - CSS 不适用于 Javascript 创建的元素

html - Chrome 中的不透明度过渡

javascript - 如何使用 CSS 和 JavaScript/jQuery 在 HTML 中制作自定义选择框?

javascript - 将切换的 div 保持在原位

javascript - 带文本装饰的 FORM 提交按钮 :underline via JS?

html - 基于样式的 CSS 选择器

javascript - 如何在ckeditor对话框中使输入只读

css - 以厘米(英寸)为单位的 Div 宽度