1

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

我无法在 asp.net 中使用 CSS 来证明单行文本的合理性

现在我必须做类似的事情，这是行不通的，我已将代码放在 Fiddle 上，即使上述解决方案也尝试过，这也行不通。

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

提琴手链接http://jsfiddle.net/pp9hb/2/

这适用于使用 Web 表单和 c# 的 ASP.Net 网站开发人员。

解决方案：下面的 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%;
}
4

2 回答 2

3

嗨，您将这个 css 样式表定义为这样

css p, h1 {文本对齐：对齐；文本对齐最后：对齐；}

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/的更多信息

于 2012-04-05T08:48:16.413 回答
0

解决方案：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%;
}
于 2012-04-08T11:05:41.277 回答