表在Wordpress中移动设备的屏幕外

Question

我正在使用主题制作WordPress网站。

Page with Pricing Table - open in Mobile device to Check mobile Device Layout

我在其中放置了一张不在该部分的Price表。

您可以在下面看到最后一栏如何离开屏幕。

＆＃13;

＆＃13;

table {
  border: 3px solid;
}

＆＃13;

<table style="">
  <tbody>
    <tr>
      <th style="text-align: center;">Area</th>
      <th style="text-align: center;">Single</th>
      <th style="text-align: center;">5 Session (6
        <sup>th</sup>Free)</th>
    </tr>
    <tr>
      <td style="text-align: left;">Full Face (exc. Neck)</td>
      <td style="text-align: center;"><span style="color: #dd9933;"><strong>£95</strong></span>
      </td>
      <td style="text-align: center;"><span style="color: #dd9933;"><strong>£450</strong></span>
      </td>
    </tr>
    <tr>
      <td style="text-align: left;">Full Face (inc. Neck)</td>
      <td style="text-align: center;"><span style="color: #dd9933;"><strong>£145</strong></span>
      </td>
      <td style="text-align: center;"><span style="color: #dd9933;"><strong>£700</strong></span>
      </td>
    </tr>
    <tr>
      <td>Half Face</td>
      <td style="text-align: center;"><span style="color: #dd9933;"><strong>£75</strong></span>
      </td>
      <td style="text-align: center;"><span style="color: #dd9933;"><strong>£350</strong></span>
      </td>
    </tr>
    <tr>
      <td>Full Neck</td>
      <td style="text-align: center;"><span style="color: #dd9933;"><strong>£60</strong></span>
      </td>
      <td style="text-align: center;"><span style="color: #dd9933;"><strong>£275</strong></span>
      </td>
    </tr>
    <tr>
      <td>Chin/Jawline/Sides</td>
      <td style="text-align: center;"><span style="color: #dd9933;"><strong>£45</strong></span>
      </td>
      <td style="text-align: center;"><span style="color: #dd9933;"><strong>£200</strong></span>
      </td>
    </tr>
    <tr>
      <td>Upper Lip</td>
      <td style="text-align: center;"><span style="color: #dd9933;"><strong>£40</strong></span>
      </td>
      <td style="text-align: center;"><span style="color: #dd9933;"><strong>£175</strong></span>
      </td>
    </tr>
    <tr>
      <td>Upper Lip &amp; Chin</td>
      <td style="text-align: center;"><span style="color: #dd9933;"><strong>£75</strong></span>
      </td>
      <td style="text-align: center;"><span style="color: #dd9933;"><strong>£350</strong></span>
      </td>
    </tr>
    <tr>
      <td>Center Brow</td>
      <td style="text-align: center;"><span style="color: #dd9933;"><strong>£20</strong></span>
      </td>
      <td style="text-align: center;"><span style="color: #dd9933;"><strong>£90</strong></span>
      </td>
    </tr>
    <tr>
      <td>Nose</td>
      <td style="text-align: center;"><span style="color: #dd9933;"><strong>£20</strong></span>
      </td>
      <td style="text-align: center;"><span style="color: #dd9933;"><strong>£90</strong></span>
      </td>
    </tr>
  </tbody>
</table>

＆＃13;

＆＃13;

＆＃13;

Answer 1

在Superuser$ python project.py user diabruxaneas1989 with proxy 192.126.184.130:8800 running Traceback (most recent call last): File "project.py", line 158, in <module> Main() File "project.py", line 94, in Main username = browser.find_element_by_id('id_username') File "/Library/Python/2.7/site-packages/selenium/webdriver/remote/webdriver.py", line 269, in find_element_by_id return self.find_element(by=By.ID, value=id_) File "/Library/Python/2.7/site-packages/selenium/webdriver/remote/webdriver.py", line 745, in find_element {'using': by, 'value': value})['value'] File "/Library/Python/2.7/site-packages/selenium/webdriver/remote/webdriver.py", line 236, in execute self.error_handler.check_response(response) File "/Library/Python/2.7/site-packages/selenium/webdriver/remote/errorhandler.py", line 194, in check_response raise exception_class(message, screen, stacktrace) selenium.common.exceptions.NoSuchElementException: Message: Unable to locate element: {"method":"id","selector":"id_username"} Stacktrace: at FirefoxDriver.prototype.findElementInternal_ (file:///var/folders/rc/vx_d14f14p97l02f35j6_dvw0000gn/T/tmp6I93xt/extensions/fxdriver@googlecode.com/components/driver-component.js:10770) at FirefoxDriver.prototype.findElement (file:///var/folders/rc/vx_d14f14p97l02f35j6_dvw0000gn/T/tmp6I93xt/extensions/fxdriver@googlecode.com/components/driver-component.js:10779) at DelayedCommand.prototype.executeInternal_/h (file:///var/folders/rc/vx_d14f14p97l02f35j6_dvw0000gn/T/tmp6I93xt/extensions/fxdriver@googlecode.com/components/command-processor.js:12661) at DelayedCommand.prototype.executeInternal_ (file:///var/folders/rc/vx_d14f14p97l02f35j6_dvw0000gn/T/tmp6I93xt/extensions/fxdriver@googlecode.com/components/command-processor.js:12666) at DelayedCommand.prototype.execute/< (file:///var/folders/rc/vx_d14f14p97l02f35j6_dvw0000gn/T/tmp6I93xt/extensions/fxdriver@googlecode.com/components/command-processor.js:12608) 第1561行：

styles.css

您需要将.wpb_content_element table, .vacancy_table, .wp_content table { border-collapse: separate; border-spacing: 0; width: 100%; } 添加到该规则声明中。

table-layout:fixed