【问题标题】:don't want whitespace to occur when text is too long and i got to enter当文本太长并且我必须输入时,不希望出现空格
【发布时间】:2017-11-11 02:18:41
【问题描述】:

当你的文本太长时 - 并且你用新行将它分开 - 有什么办法不会出现空格?我需要的是三个值结合在一起,中间没有空格。

<div style='font-size:100%; color:blue'>
    {{ $record->m_pk_address_line1 }}
    {{ $record->m_pk_address_line2 }}
    {{ $record->m_pk_address_line3 }}
</div>

不换行就算能连起来也太长了。

<div style='font-size:100%; color:blue'>{{ $record->m_pk_address_line1 }}{{ $record->m_pk_address_line2 }}{{ $record->m_pk_address_line3 }}</div>

有没有不使用技巧的标准方法来解决这个问题?当他们的代码太长并且他们需要将其分成新行但他们不想要随之而来的空白时,人们会怎么做?

【问题讨论】:

  • 你能期待结果示例吗?
  • 这是我在别处发现的一个独特想法:stackoverflow.com/a/24000693/1786065。除此之外,您可能正在查看一些 CSS 规则来删除空格。
  • @GovindSamrow 您的意思是发布预期结果吗?例如 MynameisBen 与我的名字是 Ben
  • 是的,我叫 Ben 是预期结果吗?
  • @GovindSamrow 我的第一个代码是 Ben,第二个代码是 MynameisBen。我需要它像第二个代码一样,但我的代码太长了,我需要用 enter 分解它。

标签: html laravel text whitespace blade


【解决方案1】:

删除空格使用

$string= preg_replace('/\s+/', '', $string);

<div style='font-size:100%; color:blue'>
    {{ preg_replace('/\s+/', '', $record->m_pk_address_line1 }}
    {{ preg_replace('/\s+/', '', $record->m_pk_address_line1 }}
    {{ preg_replace('/\s+/', '', $record->m_pk_address_line1 }}
</div>

【讨论】:

  • 空格是换行的结果,这只会影响来自m_pk_*的输入
【解决方案2】:

你可以在$record的模型中创建一个accessor

public function getFullAddressAttribute($value)
{
    return $record->m_pk_address_line1 . $record->m_pk_address_line2 . $record->m_pk_address_line3;
}

并像这样在您的视图中使用它

$record->full_address;

【讨论】:

    【解决方案3】:

    避免空白有两个技巧,第一个是html cmets:

    <div style='font-size:100%; color:blue'>
         {{ $record->m_pk_address_line1 }}<!--
      -->{{ $record->m_pk_address_line2 }}<!--
      -->{{ $record->m_pk_address_line3 }}
    </div>
    

    第二个是font-size: 0

    .container {
      font-size: 0;
    }
    .container > * {
      font-size: 1rem; /** or whatever suits your needs **/
    }
    

    【讨论】:

      【解决方案4】:

      连接所有三个项目:

      <div style='font-size:100%; color:blue'>
          {{ $record->m_pk_address_line1.$record->m_pk_address_line2.$record->m_pk_address_line3 }}
      </div>
      

      【讨论】:

        猜你喜欢
        • 2015-01-04
        • 1970-01-01
        • 1970-01-01
        • 2014-12-06
        • 1970-01-01
        • 2019-03-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        相关资源
        最近更新 更多