Question

我似乎无法让css课上班

我有h1样式，以及设置对齐属性的类

.right {
    text-align:right;
}
.left {
    text-align:left;
}
.center {
    text-align:center;
}
.justify {
    text-align:justify;
}
h1{
    font-size:68;
}

和一个简单的HTML代码

<h1 class="left">left</h1>
<h1 class="center">center</h1>
<div class="right"><h1>right</h1></div>

但似乎班级选择者没有做任何事情，是否有我遗漏的东西，或者这是不可能的，或者让这个工作起作用的技巧？

我的测试代码：

var $style:StyleSheet = new StyleSheet();
$style.parseCSS(".right {text-align:right;}.left {text-align:left;}.center {text-align:center;}.justify {text-align:justify;}h1{font-size:20}");

var $tf:TextField = new TextField;
$tf.styleSheet = $style;
$tf.border = true;
$tf.width = 600;
$tf.height = 600;
$tf.htmlText = '<h1 class="left">left</h1><h1 class="center">center</h1><div class="right"><h1>right</h1></div>';
addChild($tf)

Answer 1

AS3对HTML标记的支持非常有限，我能够通过将h1标记包装在p标记中来使您的示例正常工作;我还必须将文本字段设置为多行：

var $style:StyleSheet = new StyleSheet();
$style.parseCSS(".right {text-align:right;}.left {text-align:left;}.center {text-align:center;}.justify {text-align:justify;}h1{font-size:20}");

var $tf:TextField = new TextField;
$tf.styleSheet = $style;
$tf.border = true;
$tf.width = 600;
$tf.height = 600;
$tf.multiline = true;

$tf.htmlText = '<p class="left"><h1>left</h1></p><p class="center"><h1>center</h1></p><p class="right"><h1>right</h1></p>';
addChild($tf)

as3 htmltext和css类

1 个答案: