【问题标题】:inline styling inside php tags [duplicate]php标签内的内联样式[重复]
【发布时间】:2019-01-19 16:07:03
【问题描述】:

我正在一个网站上工作,我想在其中为来自 php 标签的文本进行内联样式

代码如下:

   <p class="mb-0">hello world, <?php echo strtolower($data['client']->client_details->first_name);?></p>

以上代码产生以下输出:

hello world, Mike

Mike 一词来自数据库,我必须将其设为橙色。

问题陈述:

我想知道我应该在此代码&lt;?php echo strtolower($data['client']-&gt;client_details-&gt;first_name);?&gt;&lt;/p&gt; 中进行哪些更改,以便从中输出的文本为橙色或我想要选择的任何其他内容。

【问题讨论】:

  • 我能否知道我的问题被否决的原因。
  • 我没有投反对票,但它是简单的 HTML 和 CSS,可能不应该用 PHP 标记。
  • 我也没有 dv,但我相信这是因为你可以为所欲为:它完全是开放式的,取决于你。这是页面上唯一会变成橙色的东西吗?当然,内联吗?想让你的代码看起来更整洁吗?把它放在 CSS 中。
  • @Lachie Ohk 感谢您告诉我。知道如何为它做内联样式吗?
  • '.strtolower($data['client']->client_details->first_name).'';?> 和YOURCLASS,你可以设计你喜欢的风格

标签: php styles inline-styles


【解决方案1】:

您刚刚将所有输出放入由&lt;p&gt; 标签控制的单一样式中。您可以通过多种方式进行此样式设置:在 PHP 回显中(使用 HTML 和内联 CSS)或使用直接 HTML 和 CSS(首选方法)。

我将在这里提供的方法是 HTML 和内联 CSS。这可以通过在样式表中添加一个类并添加内联样式来改变。

 <p class="mb-0">hello world, <span style="color: orange;"><?php echo strtolower($data['client']->client_details->first_name);?></span></p>

【讨论】:

    【解决方案2】:

    这不是您的 php 代码直接的问题。你可以像这样添加内联 CSS 样式:

    <p class="mb-0">hello world, <span style="color: orange;"><?php echo strtolower($data['client']->client_details->first_name);?></span></p>
    

    【讨论】:

      【解决方案3】:

      将其包装在一个内联容器中(如 ),然后添加一个 CSS 类使其变为橙色:

      <style>
          .orange {
              color: orange;
          }
      </style>
      <p class="mb-0">hello world, <span class="orange"><?php echo strtolower($data['client']->client_details->first_name);?></span></p>
      

      【讨论】:

        【解决方案4】:

        假设您希望颜色可以通过 PHP 进行配置,您可以在一个内联 style 属性中回显颜色:&lt;span style="color: &lt;?php echo $colour;?&gt;;"&gt;

        <?php $colour = "orange"; ?>
        <p class="mb-0">hello world, <span style="color: <?php echo $colour;?>;"><?php echo strtolower($data['client']->client_details->first_name);?></span></p>
        

        这可以看到 here

        【讨论】:

          猜你喜欢
          • 2017-06-23
          • 2011-01-30
          • 2012-05-23
          • 1970-01-01
          • 1970-01-01
          • 2021-02-22
          • 2017-04-17
          • 1970-01-01
          • 2012-02-11
          相关资源
          最近更新 更多