Regex将样式属性添加到特定<；表>；标签

**>>请参见底部附近的更新**

我不得不处理大量格式不好的导入HTML代码

我有大约200个类似（但不完全相同）的代码实例，每个实例都包含一组特定的

示例2：

如前所述，由于我不知道的原因，当代码示例2解析到浏览器时，使用此代码的Wordpress站点会抛出

标记

这将导致图像显示如下（在Firefox上）：

代码示例#1显示此链接：

我认为解决这一问题的最佳方法是通过数据库上的MySQL进行搜索/替换，使用正则表达式识别代码示例2的实例，并使其类似于代码示例1。换句话说，将从相关的

标记之间删除换行符

两个问题：

1） 事实上，这是实现这一目标的最佳方式，还是有可能更好的方式

2） 如果这是一种有效且合适的方法，您会建议使用合适的正则表达式吗

（关于问题2，我不确定应该推荐什么作为正确的正则表达式引擎。这个正则表达式将在MySQL中使用Mac app Sequel Pro.app（）进行解析

我对可能的正则表达式逻辑的看法 我想我们需要：

1） 查找

的实例

2） 在上面#1标识的代码中查找
（软换行）
的实例

3） 移除（软线断开）

还有一个
在要搜索的代码中设置。该实例中只有一个
。在

更新，考虑评论
有人建议我使用
flex
CSS
display
属性，并将其应用于表行。我已经做到了，而且效果很好。我有点担心旧浏览器的兼容性，因为我认为这是一个相对较新的CSS添加

但是，我仍然需要进行搜索/替换，以在HTML中找到正确的

在大多数HTML实例中，有两个
实例。因此，我怀疑正则表达式需要对
/stars/
之类的内容执行反向正向检查，它存在于
实例中的URL中，我不想修改。然后，将
替换为

谢谢

乔纳森

另外，我知道关于regex是否是对HTML进行更改的有效方法存在争议。由于这是一组相对固定且已知的HTML，我怀疑它不会有问题。但我也愿意接受其他建议
 您不需要正则表达式，
float:left
就是您所需要的一切。@Tushar，所以我只需将该样式属性应用于父元素上的每个
或其他地方？或者在父元素上使用flexbox，它更好：）在本例中为td，但您应该为此创建一个特定的标识符。可能会向表中添加一个额外的类，然后使用：
table.row td{display:flex；flex direction:row；}
@Tushar，如果我将
float:left
添加到每个图像中（我现在回想起来，这是我上周处理此图像时尝试过的）图像水平倾斜，如下图所示：@noreabu:brilliant。这做得很好。所以我现在需要的是正则表达式来定位和修改带有新类的表。您不需要正则表达式，
float:left
就是您所需要的。@Tushar，所以我只需将该样式属性应用到每个
或其他地方？或者使用flexbox，这是一个很大的赌注ter:）在父元素上（在本例中为td，但您应该为此创建一个特定标识符。如果我向每个图像添加
float:left
，则可以向表中添加一个额外的类，然后使用：
table.row td{display:flex；flex direction:row；}
@Tushar（我现在回想起来，这是我在上周处理这个问题时尝试过的）图像水平倾斜，如下图所示：@noreabu:brilliant。这做得很好。所以我现在需要的是正则表达式用新类定位和修改表。
<table align="center" border="0px"> <tbody><tr> <td> <img src="http://simplicitywebsitedesign.com/iOutlet/images/buttons/CustomerSatisfaction.png" alt="100% Customer Satisfaction" height="60" align="middle" width="140"> <img src="http://simplicitywebsitedesign.com/iOutlet/images/buttons/PaypalVerified.png" alt="Paypal Verified" height="60" align="middle" width="140"> <img src="http://simplicitywebsitedesign.com/iOutlet/images/buttons/FastDelivery.png" alt="Fast Delivery" height="60" align="middle" width="140"> <img src="http://simplicitywebsitedesign.com/iOutlet/images/buttons/Recycled.png" alt="100% Recyled Pre-owned Products" height="60" align="middle" width="140"> <img src="http://simplicitywebsitedesign.com/iOutlet/images/buttons/TopSellerRated.png" alt="Top Seller Rated" height="60" align="middle" width="140"> <img src="http://simplicitywebsitedesign.com/iOutlet/images/buttons/PhoneSupport.png" alt="Phone Support" height="60" align="middle" width="140"> </td> </tr> </tbody></table>

<table align="center" border="0px">
<tbody><tr>
<td>
<img src="http://simplicitywebsitedesign.com/iOutlet/images/buttons/CustomerSatisfaction.png" alt="100% Customer Satisfaction" align="middle" height="60" width="140"> 
<img src="http://simplicitywebsitedesign.com/iOutlet/images/buttons/PaypalVerified.png" alt="Paypal Verified" align="middle" height="60" width="140"> 
<img src="http://simplicitywebsitedesign.com/iOutlet/images/buttons/FastDelivery.png" alt="Fast Delivery" align="middle" height="60" width="140"> 
<img src="http://simplicitywebsitedesign.com/iOutlet/images/buttons/Recycled.png" alt="100% Recyled Pre-owned Products" align="middle" height="60" width="140"> 
<img src="http://simplicitywebsitedesign.com/iOutlet/images/buttons/TopSellerRated.png" alt="Top Seller Rated" align="middle" height="60" width="140"> 
<img src="http://simplicitywebsitedesign.com/iOutlet/images/buttons/PhoneSupport.png" alt="Phone Support" align="middle" height="60" width="140">
</td>
</tr>
</tbody></table>