Question

这行内容中的html内容太长而且难以阅读，有没有一种优雅的方法可以将其分成多行？

<a class="icon-button" href="<?php echo get_term_link( $term ); ?>"><span><?php echo $term->name; ?></span><svg class="eco-sprite icon icon--go" role="img"><use xlink:href="#shape-ButtonDetailBold"></use></svg></a>

Answer 1

这是你的意思......

<?php
  . . .
?>
<a class="icon-button" href="<?php echo get_term_link( $term ); ?>">
    <span><?php echo $term->name; ?></span>
    <svg class="eco-sprite icon icon--go" role="img">
        <use xlink:href="#shape-ButtonDetailBold"></use>
    </svg>
</a>
<?php
 . . .
?>

Answer 2

只需缩进HTML：

<a class="icon-button" href="<?php echo get_term_link( $term ); ?>">
    <span><?php echo $term->name; ?></span>
    <svg class="eco-sprite icon icon--go" role="img">
        <use xlink:href="#shape-ButtonDetailBold"></use>
    </svg>
</a>

Answer 3

<a class="icon-button" href="<?php echo get_term_link( $term ); ?>">
    <span>
        <?php echo $term->name; ?>
    </span>
    <svg class="eco-sprite icon icon--go" role="img">
        <use xlink:href="#shape-ButtonDetailBold"></use>
    </svg>
</a>

如何在多行中打破这一行？

3 个答案: