Question

我需要证明单行文字，我过去遇到过这个问题，并在Stack Overflow网站上的解决方案的帮助下解决了这个问题

I can't justify single line text using CSS in asp.net

现在我必须做一个类似的事情，这是不行的，我已经把代码放在Fiddle我试过上面的解决方案，这也不起作用。

我可能会犯一些对我来说不明显的错误。我是专业的开发人员，但在当前的项目中也必须做设计工作

Fiddler Link http://jsfiddle.net/pp9hb/2/

这是一个ASP.Net网站开发人员使用网络表格＆amp; C＃。

解决方案：CSS下方正在为我工作。它现在在所有浏览器中对齐文本

.Top10ArticleHeading
{
   text-align:Justify; 
   font-size:11px; 
    font-family:Tahoma, Geneva, sans-serif;  
    height:16px;
    color:black;
    padding-top:2px;
    text-decoration:none;
    width:160px;
}
.Top10ArticleHeading:after 
{
  content: "";
  display: inline-block;
  width: 100%;
}

Answer 1

您可以将此css样式表定义为此

<强>的CSS p，h1 {text-align：justify; text-align-last：justify;}

p:after, h1:after
{content: ".";
display: inline-block;
width: 100%;
height: 0;
visibility: hidden;}


h1
{height: 1.1em;
line-height: 1.1;
background:green;}

<强> HTML

<h1>This is heading </h1>


<p>hello demo texthello demo texthello demo texthello demo texthello demo texthello demo texthello demo texthello demo texthello demo texthello demo texthello demo texthello demo texthello demo texthello demo text</p>

现在有关此http://kristinlbradley.wordpress.com/2011/09/15/cross-browser-css-justify-last-line-paragraph-text/

的更多信息

Answer 2

解决方案：CSS正在为我工作。它现在在所有浏览器中对齐文本

.Top10ArticleHeading
{
   text-align:Justify; 
   font-size:11px; 
    font-family:Tahoma, Geneva, sans-serif;  
    height:16px;
    color:black;
    padding-top:2px;
    text-decoration:none;
    width:160px;
}
.Top10ArticleHeading:after 
{
  content: "";
  display: inline-block;
  width: 100%;
}

证明单行文字无法正常工作

2 个答案: