0

我是编码新手,所以如果这是一个基本问题,我很抱歉。我正在尝试将文本放在屏幕左侧,将表单放在屏幕右侧。我设法准确地定位了这两个项目,但由于某种原因,文本被迫错误地换行。

我试图使文本看起来像这样:

“雇佣你
明天买不起的人才!”

但是,CSS 中的某些内容会强制文本像这样换行:

“雇佣你 明天买不起的人才!

我认为这与我将表单放置在文本右侧的方式有关。这是控制文本的 CSS:

.SimpleText { width:928px; margin:50px auto  auto  auto; padding-top: 18px; height:90px;} 
.SimpleText h2 { color:#fff; font:normal 30px  Georgia, "Times New Roman", Times, serif;     padding:0 0 0 40px; margin:0; background:url(images/h2_bg_simple_text.gif) left no-repeat;}<br>
.SimpleText p { color:#bbe2ed; font:normal 11px  Georgia, "Times New Roman", Times, serif; padding:0 0 0 60px; margin:0;}

这是控制表单的css:

#formtest{ position: relative; float: right; left: 100px;}

这是它在 html 页面中的显示方式:

  <div class="SimpleText">
      <div id="formtest">

          <!--form is here !-->

      </div>

    <h2>Hire the talent you won't be <br />able to afford tomorrow!</h2>
    <p>Great talent you can depend upon</p>

  </div>

如何修复它以使其正确包装?谢谢你。

此外,表单位于 iframe 内部。这是 iframe 的代码:

<script type="text/javascript">document.write(unescape("%3Ciframe id=\"fb_iframe\"     src=\"formio.php" + window.location.search + "\" width=\"560\" height=\"677\"allowtransparency=\"true\" scrolling=\"no\" frameborder=\"0\"%3E&lt;a href=\"new_Form.php\" title=\"new_Form\"&gt;blan&lt;/a&gt;%3C/iframe%3E"));</script>
<noscript>
<iframe width="560" height="677" style="border:none; background:transparent;   overflow:hidden;"
 id="formfas" src="axyform.html">
&lt;a href="formio.php" title="new_Form"&gt;m&lt;/a&gt;
</iframe>
</noscript>
4

1 回答 1

0

您可以通过扩展.SimpleText. 例如:

.SimpleText {
    width:968px;
}

JS 小提琴示例

于 2013-02-19T20:22:55.483 回答